/*
	stylesheet.css,v 1.0 2007/09/10

	Artur Syrek
	email: skrzat1@o2.pl
	http://www.ns.net.pl

	Copyright (c) 2007 NET System

	Released under the GNU General Public License
*/

/* ustawienia tekstu bledow */
.errorBox { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

/* ustawienia tekstu informujacego o braku towaru na skladzie podczas realizacji zamowienia */
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

/* kolor paska powiadamienia o produktach po zakonczonych zakupach - checkout_success.php) */
.productsNotifications { background: #f2fff7; }

/* wyglad tekstu [edycja] przed ostatecznym zatwierdzeniem zamowienia */
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #00008B; text-decoration: underline; }

/* kolor tla strony, tekstu na stronie oraz rozmiaru marginesu */
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center;  }
body, div, table { font: 11px Verdana, Arial, sans-serif; color: black; }
table.clearTbl { margin: 0px; border-collapse: collapse; border: none; empty-cells: show; }
.clearTbl tr, .clearTbl th, .clearTbl td { padding: 0px; }

p { margin-top: 0px; margin-bottom: 0px; }
img { border: none; margin: 0px; padding: 0px; }
.img_moz { display: block; }
#alterMenu { position: absolute; left: 0px; top: 0px; z-index: 1; visibility: hidden; }
#flash_validator { position: absolute; width: 50px; height: 50px; visibility: hidden; z-index: 2; }

.clear {
	clear: both;
}

/* strona glowna */
#header_main { position: relative; width: 996px; height: 128px; text-align: center; margin: auto; 	background-repeat: no-repeat;}
#content_main {
	position: relative;
	width: 996px;
	height: 498px;	
	text-align: center;
	margin: auto;
	background-image: url("images/bg/main_bg.jpg");
	background-repeat: no-repeat;}
#content_main .content_box1 { position: absolute; width: 292px; height: 396px; top: 42px; left: 35px; }
#content_main .content_box2 { position: absolute; width: 292px; height: 396px; top: 42px; left: 357px; }
#content_main .content_box3 { position: absolute; width: 292px; height: 396px; top: 42px; left: 675px; }

#footer_main { position: relative; width: 996px; height: 141px; text-align: center; margin: auto; background-image: url("images/bg/stopka_bg.jpg"); background-repeat: no-repeat;}
#footer_main .footer_content { 
	position: absolute; 
	width: 100%; 
	height: 16px; 
	top: 65px;  
	left: 0px;
	vertical-align: middle; 
	text-align: center; 
	background-image: url("images/bg/stopka_pasek_bg.jpg"); 
	background-repeat: repeat-y;
	color: #2A5994;
}
#footer_main .footer_powered { 
	position: absolute; 
	width: 100%; 
	height: 16px; 
	bottom: 3px; 
	left: 0px;
	vertical-align: middle; 
	text-align: center; 
}
#footer_main .footer_linki { 
	position: absolute; 
	width: 100%; 
	height: 16px; 
	top: 35px; 
	left: 0px;
	vertical-align: middle; 
	text-align: center; 
}

.content_box_text{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding-bottom:10px;
	position: relative;
}

/* podstrona */
#header { position: relative; width: 996px; height: 89px; text-align: center; margin: auto;}
#header_cien { position: relative; width: 996px; height: 16px; text-align: center; margin: auto; background-image: url("images/bg/naglowek_cien_bg.jpg"); background-repeat: repeat-x;}

#content { position: relative; width: 996px; text-align: center; margin: auto; background-color: #F5F6F5;}
#content_left { position: relative; height: 100%; float: left; text-align: left; margin: auto; }
#content_right { position: relative; height: 100%; float: left; margin: 0px; text-align: left; margin: auto; }

#content_left_kreska { position: absolute; width: 1px; top: 90px; left: 392px; height: 200px; text-align: left; background-color: #CDCDCD; z-index: 100;}
.content_left_kreska2 { position: absolute; width: 1px; left: 490px; text-align: left; background-color: #9a9a98; z-index: 100;}


#reklama { position: relative; top: 0px; width: 996px; height: 768px; text-align: center; margin: auto; }
#reklama_box_left { position: relative; float: left; width: 200px; height: 700px; text-align: center; left: 0px; z-index:10; }
#reklama_box_right { position: relative; float: left; width: 450px; height: 500px; text-align: center; left: 0px;}
#reklama_content { position: relative; width: 450px; height: 470px; text-align: left; top: 10px; left: 0px; overflow: hidden;}
#reklama_content1 { position: relative; width: 450px; height: 500px; text-align: left; top: 10px; left: 0px; overflow: hidden;}
#reklama_navigation { position: relative; width: 450px; height: 35px; text-align: left; text-align: right; top: 10px; left: 0px; }
#reklama_logo { position: relative; float: left; width: 163px; height: 87px; text-align: left; top: 0px; left: 0px; }
#reklama_dzial { position: relative; float: left; width: 260px; height: 67px; vertical-align: middle; padding-top: 20px; text-align: center; font-family: Times New Roman, Tahoma, Verdana, Arial, sans-serif; font-size: 32px; color: #4365A4;}

#menu_dzialalnosc { position: absolute; width: 190px; height: 110px; text-align: left; top: 148px; left: 786px;  }
#menu_oferta { position: absolute; width: 150px; height: 110px; text-align: left; top: 382px; left: 731px; }
#menu_portfolio { position: absolute; width: 160px; height: 110px; text-align: left; top: 543px; left: 547px; }
#menu_kontakt { position: absolute; width: 160px; height: 110px; text-align: left; top: 639px; left: 350px; }

#menu_menu { position: absolute; width: 480px; height: 20px; text-align: left; top: 520px; left: 190px;z-index:20; }

#formKontakt { position: relative; width: 440px; text-align: left; margin: auto;}

#formKontakt label {
	/*display:block;*/
	padding:4px;
	/*float:left;*/
	width:100%;
	font-weight: normal;

}
#formKontakt label.tytul {
	font-size: 11px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

div.container1 { 
	position: relative; 
	top: 0px; 
	left: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	width: 200px;
}
div.container2 { 
	position: relative; 
	float: left; 
	left: 0px;
	width: 200px; 
	height: 15px;
	top: 0px; 
	z-index: 10; 
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
}


#content .box_left {
	position: relative;
	float: left;
	height: 250px;
	text-align:center;
}


#content .box_right { position: relative; float: left; width: 492px; height: 250px; top: 0px; z-index: 10;}

#content .box_left .box_content {
	position: relative;
	float: center;
	margin: auto;
	width: 490px;
	height: 250px;
	text-align: left;
}



/* naglowki i wyroznienia */
h3 { font-size: 13px; margin-top: 0px; margin-bottom: 0px; }
h2 { font-size: 12px; color: #000000; margin-top: 0px; margin-bottom: 0px; }
h4 { font-size: 10px; margin-top: 2px; margin-bottom: 5px; }

h2.kategoria {
	font-size: 22px;
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	color: #979899;
	font-weight: normal; 
	text-align: left;
	padding-left:50px;
}
h3.podkategoria {
	font-size: 14px;
	display: block;
	margin-bottom: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	padding-top: 1px;
	color: #527892;
	font-weight: normal; 
	text-align: left;
}
/*h2.podkategoria { color: #979899; font-size: 14px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-align: left;}
h3.podkategoria { color: #527892; font-size: 14px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-align: left;}*/
.kreska {
	background-color: #FC6103;
	height: 1px;
	width: 50%;
	margin-left:50px;
}
.kreska_reklama {background-color: #2B0F73; height: 1px; width: 99%;}


a.linkFooter { color: #042D3F; font-size: 12px; text-decoration: none; }
a.linkFooter:hover { color: #0F5D7F; font-size: 12px; text-decoration: none; }


a.linkNavi { color: #075F80; font-size: 12px; text-decoration: none; }
a.linkNavi:hover { color: #0B8DBF; font-size: 12px; text-decoration: none; }


/* kolor linkow w listach z odnosnikami do kolejnych stron */
a.pageResults { color: #075F80; font-size: 13px; text-decoration: none; }
a.pageResults:hover { color: #0B8DBF; font-size: 13px; text-decoration: none; }


/* ustawienia oznaczenia pol wymaganych w formularzach */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



/* ustawienia linkow */
A {
  color: #000000;
  text-decoration: underline;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

/* sposob wyswietlania formularzy */
FORM {
	display: inline;
}

/* kolor tla naglowka */
TR.header {
  background: #ffffff;
}

/* kolor paska nawigacyjnego nad naglowkiem */
TR.headerNavigation {

}

/* ustawienia paska nawigacyjnego : czcionka, rozmiar, tło, obraz sła, kolor tekstu */
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #708090;
  font-weight : bold;
}


/* kolor linkow w pasku nawigacyjnym */
.headerNavigation { 
  color: #9B999A; 
  text-decoration: none;
}
/* kolor linkow aktywnych w pasku nawigacyjnym */
.headerNavigation:active { 
  color: #9B999A; 
  text-decoration: none;
}
/* kolor linkow w pasku nawigacyjnym */
.headerNavigation:link { 
  color: #9B999A;  
  text-decoration: none;
}
/* kolor linkow w pasku nawigacyjnym po najechaniu myszka */
.headerNavigation:hover {
  color: #9B999A;
  text-decoration: none;
}
/* kolor linkow w pasku nawigacyjnym */
.headerNavigation:visited { 
  color: #9B999A; 
  text-decoration: none;
}

/* kolor linkow w pasku nawigacyjnym Polecane produkty*/
.headerNavigationFeatured { 
  COLOR: #FFFFFF; 
  text-decoration: none;
}

/* kolor linkow w pasku nawigacyjnym Polecane produkty*/
.headerNavigationFeatured:hover { 
  COLOR: #FFFFFF; 
  text-decoration: none;
}

/* kolor tla gdy w naglowku wystapi blad - pojawia sie na gorze naglowka */
TR.headerError {
  background: #ff0000;
}

/* ustawienia naglowka w przypadku wystapienia bledu */
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/* kolor tla dla informacji  pokazywanych na samej gorze naglowka */
TR.headerInfo {
  background: #00ff00;
}

/* ustawienia dla informacji  pokazywanych na samej gorze naglowka */
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


/* ustawienia tekstu w polach formularzy */
CHECKBOX, INPUT, SELECT {
  FONT-SIZE: 11px; 
  FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
  color: #708090;
}

/* ustawienia pola tekstowego w formularzach */
TEXTAREA {
  BORDER-RIGHT: #c0c0c0 1px solid; 
  BORDER-TOP: #c0c0c0 1px solid;
  FONT-SIZE: 11px; 
  BORDER-LEFT: #c0c0c0 1px solid; 
  BORDER-BOTTOM: #c0c0c0 1px solid; 
  FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;
  color: #708090;
}


/* ustawienia bledow/sukcesow/ostrzezen podczas operacji usuwania/dodawania informacji*/
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFD700; background-color: #DC143C; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* tlo komorki imitujacej przycisk */
.Button {
  font-size: 11px;
  font-weight: bold;
}


/* elementy wykorzystywane do przegladania dodatkowych obrazkow */
#motioncontainer a img{ /*image border color*/
border: 1px solid #FFFFFF;
}
#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid #D3D3D3;
}
#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}


.input {
	border: 1px solid #A0A0A0; 
	padding: 3; 
	text-decoration: none; 
	color: #708090; 
	display: inline; 
	background: #F9F9F9; 
	font-family: Verdana, sans-serif; 
	font-size: 11px;	
}

.input_readonly {
	border: 1px solid #A0A0A0; 
	padding:3; 
	text-decoration: none; 
	color: #708090; 
	display: inline;
	background: #E8E8E8; 
	font-family: Verdana, sans-serif; 
	font-size: 11px;	
}


.contener_podkategoria {
	/*background-color:red;*/
}
.box_podkategoria {
	width:300px;
	padding-bottom:10px;
}
.box_zdjecie{
	width:100px;
	position: absolute; 
	/*top: 62px;*/
	left: 300px; 
	padding-left:10px;
	/*background-color:red;*/
}

.box_info_kategoria {
	width:400px;
	height:40px;
	overflow:hidden;
	padding-left:50px;
}

a.podkategoria_link {
	font-size: 14px;
	color: #527892;
	text-align: left;
	text-decoration: none;
}
a.podkategoria_link:hover {
	font-size: 14px;
	color: #527892;
	text-align: left;
	text-decoration: underline;
}

.ikona_strzalka {
	padding-top:2px;
	border-color: #003300;
	float: left; 

}
.nazwa_podkategoria {
	border-color: #003300;
	float: left; 
	width:250px;
	padding-left:5px;

}


#box_zdjecie {
	width:300px;
	float:left;
}
#box_opis1 {
	width:400px;
	float:left;
	padding-bottom:10px;
}

#box_opis2 {
	width:695px;
	/*padding-left:10px;*/
	margin-left:10px;
	float:left;
	padding-bottom:10px;
}

.zdjecie_main {
	width:300px;
	float:left;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
.nazwa_produktu_main {
	text-align:center;
	color:#A3B3CD;
	font-size: 10px;
	font-weight : bold;
}

.nazwa_produktu_main2 {
	text-align:left;
	color:#A3B3CD;
	font-size: 12px;
	font-weight : bold;
	padding-bottom:10px;
}

.box_opis_wstep, .box_opis_main {
	color:#B6B6B6;
	text-align:justify;
}

.cmxform fieldset p.error label { color: red; }
/*div.container2 {
	margin: 0px;
	padding: 0px;
	float: left;
}
/*
div.container1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}*/
div.container2 ol li {
	list-style-type: disc;
	margin-left: 2px;
}

div.container2 { display: none }
.container2 label.error {
	display: inline;
}
form.cmxform { width: 100%; }
form.cmxform label.error {
	/*display: block;*/
	margin-left: 10px;
	padding-left: 0px;
	font-size: 10px;
	width: auto;
	color:red;
}