/*
	stylesheet.css,v 1.0 2009/10/20

	Artur Syrek
	email: info@web4.com.pl
	http://www.web4.com.pl

	Copyright (c) 2009 Agencja interaktywna "WEB 4"
*/

/* 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 tla strony, tekstu na stronie oraz rozmiaru marginesu */
html { width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center;  }

body {
	/*background: transparent url("images/bg/main_bg.jpg") repeat-x scroll 0 0;*/
	width: 100%; 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
	text-align: center;  
}

.body_main {
	background: #f6f6f6;
	width: 100%; 
	height: 100%; 
}

body, div, table { font: 11px Verdana, Arial, sans-serif; color: #616161; }
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: 718px;	
	text-align: center;
	margin: auto;
/*	background-color: #fff;*/
	background: transparent url("images/bg/right_bg_1.jpg") no-repeat top right;
}
.content_main_belka {
	font: 14px Tahoma, Arial, sans-serif;
	font-weight: normal;
	text-align: justify;
	color: #fff;
	height: 58px;
	background: transparent url("images/bg/bg_belka.gif") repeat-x top left;
	padding-left: 30px;
}
.content_main_zawartosc {
	font: 12px Tahoma, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	min-height: 255px;
	*height: 255px;
	color: #554e3b;
	border-left: 1px solid #dedddc;
	border-bottom: 1px solid #dedddc;
}
.content_zawartosc {
	padding-left: 5px;
	padding-right: 10px;
	text-align: justify;
}

#content_stopka {
	position: relative;
	width: 996px;
	height: 56px;	
	text-align: left;
	color: #fff;
	background: transparent url("images/bg/bg_stopka.gif") no-repeat top right;
}

.box_kontakt {
	position: relative;
	float: center;
	width: 95%; 
	margin-top: 4px;
	margin-left: 5px;
	text-align: left;
}

.title {
	font: 14px Tahoma, Arial, sans-serif;
	color: #554e3b;
	font-weight: normal;
}

h2.title {
	font: 14px Tahoma, Arial, sans-serif;
	color: #554e3b;
	font-weight: bold;
}


.kwadracik {
	float: left;
	width: 24px;
	height: 20px; 
	background-color: #0095d7;
	color: #fff;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}

label.tytul {
	font: 12px Tahoma, Arial, sans-serif;
	color: #3b3b3b;
}
.tytul {
	font: 13px Tahoma, Arial, sans-serif;
	color: #0095d7;
	font-weight: bold;
}
.tel_title {
	font: 18px Tahoma, Arial, sans-serif;
	color: #787878;
	font-weight: normal;
}

.telefon {
	font: 20px Tahoma, Arial, sans-serif;
	color: #0095d7;
	font-weight: normal;
}
.kontakt_title { font: 15px Tahoma, Arial, sans-serif; color: #0095d7; line-height: 1.5; font-weight: normal;}

.box_logo {
	position: relative;
	float: left;
	width: 597px; 
	height: 80; 
	margin: 0px; 
	padding: 0px; 
}

.box_left {
	position: relative;
	float: left;
	width: 597px; 
	height: 100%; 
	margin: auto; 
	padding: 0px; 
}

#box_right {	
	position: relative;
	float: left;
	width: 399px; 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
}

#content_left {
	background: transparent url("images/bg/left_bg.jpg") no-repeat top left;
	width: 100%; 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
}

.content_center {
	background-color: #f6f6f6;
}

#content_right {
/*	background: transparent url("images/bg/right_bg.jpg") no-repeat right top;*/
	width: 399px; 
	height: 100%; 
}


#content_header {
	position: relative;
	width: 996px;
	height: 100%;	
	text-align: center;
	margin: auto;
	background-image: url("images/bg/header_bg.jpg");
	background-repeat: no-repeat;
}

#content_header .content_box1 { position: absolute; width: 550px; height: 20px; top: 10px; right: 0px; }
#content_header .content_box2 { position: absolute; width: 600px; height: 25px; top: 40px; left: 0px; }

#content_menu_title {
	position: absolute;
	width: 200px;
	left: 120px;
	top: 171px;
	text-align: left;
	color: #fff;
}

#content_sub {
	position: relative;
	width: 996px;
	text-align: center;
	margin: auto;
	background-image: url("images/bg/content_bg.jpg");
	background-repeat: no-repeat;
}

.menu {
	height: 106px;
	font: 12px Verdana, Arial, sans-serif; 
	color: #3b3b3b;
	background-color: #ffffff;
/*	background-image: url("images/bg/menu_center_bg.jpg");
	background-repeat: repeat-x;
	vertical-align: middle;*/

}

#footer_main { width: 996px; height: 56px; text-align: center; margin: auto; color: #fff;}
#footer_main .footer_powered { 
	position: relative; 
	bottom: 0px; 
	left: 0px;
	padding-right: 20px;
	vertical-align: middle; 
	text-align: right; 
	color: #fff;
	font-size: 10px;
}

.content_box_menu_text{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	padding-bottom:12px;
	position: relative;
	float: left;
	text-align: left
}


.content_box_text{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: right;
	padding-top:2px;
	margin-right: 10px; 
	padding-right: 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: 590px; height: 100%; text-align: left; color: #616161; top: 190px; left: 10px;  text-align: justify;}
#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_main_page_header { position: absolute; width: 590px; height: 150px; text-align: left; top: 0px; left: 5px; color: #616161; text-align: right;}
#content_main_page { position: absolute; width: 590px; height: 100%; text-align: left; top: 190px; left: 10px; color: #616161; text-align: justify;}

#content_sub_page_header { position: relative; width: 590px; height: 150px; text-align: left; top: 0px; left: 5px; color: #616161; text-align: right;}
#content_sub_page { position: relative; width: 590px; height: 100%; margin: auto; text-align: left; top: 190px; left: 10px; color: #616161; text-align: justify;}


#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;}

#subcontent { position: relative; top: 0px; width: 996px; height: 768px; text-align: center; margin: auto; }
#subcontent_box_left { position: relative; float: left; width: 240px; height: 100%; text-align: center; left: 0px; padding-left: 0px; z-index:10;}
#subcontent_box_right { position: relative; float: left; width: 500px; height: 100%; text-align: center; left: 0px;}

#subcontent_content { position: relative; width: 590px; text-align: left; color: #616161; top: 30px; left: 10px;  text-align: justify;}
#subcontent_content1 { position: relative; width: 580px; text-align: left; top: 0px; left: 0px;}
#subcontent_navigation { position: relative; width: 590px; height: 35px; text-align: left; text-align: right; top: 10px; left: 0px; }
#subcontent_dzial { position: relative; float: left; width: 100%; height: 45px; text-align: right; vertical-align: middle; padding-top: 0px; font-family: Times New Roman, Tahoma, Verdana, Arial, sans-serif; font-size: 32px; color: #ffffff;}


#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; float: left; padding-left: 10px; width: 550px; 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;
	margin: auto;
	height: 100%;
	text-align:center;
}


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

#content .box_content {
	position: relative;
	float: center;
	margin: auto;
	height: 100%;
	width: 100%;
	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: 20px;
	color: #979899;
	font-weight: normal; 
	text-align: left;
	padding-left:0px;
}
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:0px;
}
.kreska_content {background-color: #FFB401; height: 1px; width: 99%;}
.firma_nazwa {
	position: absolute;
	left: 430px;
	font-family: Tahoma, Arial sans-serif;
	font-size: 15px;
	color: #0095d7;
	text-align: right;
	line-height: 1.4;
	font-weight: bold;
	z-index: 10;
}

.firma_gray { color: #808285;}
.firma_imie { font-family: Verdana, Arial, sans-serif; font-size: 12px;}

a.linkFooter { color: #fff; font-size: 10px; text-decoration: none; }
a.linkFooter:hover { color: #fff; font-size: 10px; text-decoration: none; }

a.linkMenu { color: #3b3b3b3; font-size: 13px; text-decoration: none;  font-weight: bold;}
a.linkMenu:hover { color: #ffffff; font-size: 13px; text-decoration: none;  font-weight: bold;}

a.linkBottomMenu { color: #fff; font-size: 10px; text-decoration: none; }
a.linkBottomMenu:hover { 
	/*background: url('images/misc/menuBottomHover.jpg') no-repeat;*/
	color: #0095d7; 
	font-size: 10px; 
	text-decoration: none; 
/*	height: 22px;
	width: 99px;*/
}

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


.topMenuHover a {
	color: #ffffff;
	font-weight: bold;
}

.topMenuHover130 a {
	color: #3b3b3b;
	font-weight: normal;
}

.topMenuHover{
	background: url('images/misc/menuTopHover.jpg') no-repeat scroll 0 0;
	height: 106px;
	color: #ffffff;
	font-weight: bold;
}
.topMenuHover130 {
	background: url('images/misc/menuTopHover130.jpg') no-repeat scroll 0 0;
	height: 106px;
	color: #ffffff;
	font-weight: normal;
}

.menuBottom {
	padding-top: 10px;
	height: 28px;
	color: #fff;
}
.bottomMenuHover a{
	color: #0095d7;
}

.bottomMenuHover {
	padding-top: 10px;
	background: url('images/misc/menuBottomHover.png') no-repeat scroll 0 0 ;
	height: 28px;
	color: #0095d7;
	behavior: url(iepngfix.htc);
}

/* 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: #a6a5a5;
  text-decoration: none;
}

A:hover {
  color: #878787;
  text-decoration: none;
}

/* 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:100%;
	padding-bottom:10px;
}
.box_zdjecie{
	width:100px;
	position: absolute; 
	/*top: 62px;*/
	left: 300px; 
	padding-left:10px;
	/*background-color:red;*/
}

.box_info_kategoria {
	width:1000%;
	height:40px;
	overflow:hidden;
	padding-left:25px;
}

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

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

}
.nazwa_podkategoria {

	float: left; 
	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-bottom: 8px;
	float: left;
	
}
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;
}