@charset "utf-8";
/* 
	File: default.css
	Author: Piotr "KROPA" Kropornicki
	Version: 22032008.01a.RC
*/

/* Default Stylesheet */

/* >>> ELEMENTS <<< */
* { margin: 0; padding: 0; }
	body { color: #fff; background-image: url('../images/index/bg.png'); background-position: left top; background-repeat: repeat;		font-family: "Verdana", "Tahoma", "MS Sans Serif", sans-serif;  text-align: center; behavior: url('../include/csshover.htc');}

/* >>> CONTAINERS <<< */
div#print { display: none; }
*.x { display: none; }
div#container { width: 780px; margin: 10px auto; text-align: left; }
	div#header-wrap { height: 144px; width: 780px; background-image: url('../images/index/topHeader.png'); background-position: left top; background-repeat:no-repeat; }
		div#header-in { color: inherit; }
			
/*- Menu Tabs H--------------------------- */
		    #tabsH {float: left; width: 780px; height: 144px; font-size: 10px; line-height: normal; font-weight: bold;}
    			#tabsH ul {margin: 0; padding: 115px 0 0 200px; list-style: none;}
    			#tabsH li {display: inline; margin: 0; padding: 0;}
    			#tabsH a {float: left; background: url("../images/index/tableftH.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none;}
    			#tabsH a span {float: left; display: block; font-size: 10px; background: url("../images/index/tabrightH.gif") no-repeat right top; padding: 5px 10px 4px 6px; color: #FFF; }
    			/* Commented Backslash Hack hides rule from IE5-Mac \*/
    			#tabsH a span {float: none;}
    			/* End IE5-Mac hack */
    			#tabsH a:hover span {color: #FFF;}
    			#tabsH a:hover {background-position: 0% -42px;}
    			#tabsH a:hover span {background-position: 100% -42px;}
				
			#tabs { width: 150px;  font-size: 9px; line-height: normal; font-weight: bold;}
    			#tabs ul {margin-left: 25px; margin-top:5px; list-style: none;}
    			#tabs li {display: inline; margin: 0; padding: 0;}
    			#tabs a {float: left; background: url("../images/tab.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none;}
    			#tabs a span {float: left; display: block; font-size: 9px; background: url("../images/tab.gif") no-repeat right top; padding: 5px 10px 4px 6px; color: #FFF; }
    			/* Commented Backslash Hack hides rule from IE5-Mac \*/
    			#tabs a span {float: none;}
    			/* End IE5-Mac hack */
    			#tabs a:hover span {color: #FFF;}
    			#tabs a:hover {background-position: 0% -25px;}
    			#tabs a:hover span {background-position: 100% -25px;}	
			
			#tabs1 {float: right; font-size: 9px; line-height: normal; font-weight: bold; margin-right: 15px;}
    			#tabs1 ul {margin-left: 25px; margin-top:5px; list-style: none;}
    			#tabs1 li {display: inline; margin: 0; padding: 0;}
    			#tabs1 a {float: left; background: url("../images/tab1a.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none;}
    			#tabs1 a span {float: left; display: block; font-size: 9px; background: url("../images/tab1.gif") no-repeat right top; padding: 5px 10px 4px 6px; color: #FFF; }
    			/* Commented Backslash Hack hides rule from IE5-Mac \*/
    			#tabs1 a span {float: none;}
    			/* End IE5-Mac hack */
    			#tabs1 a:hover span {color: #FFF;}
    			#tabs1 a:hover {background-position: 0% -25px;}
    			#tabs1 a:hover span {background-position: 100% -25px;}			
	
	div#content-wrap { float:left; width:780px; background-image:url('../images/index/centerBG.png'); background-position:left top; background-repeat: repeat-y; }
		div#left { float: left; width: 180px; margin-right:5px; }
			div#left-in { width: 149px; margin-left: 20px; margin-top: 10px; }
				
				div#left h2 { margin: 5px 5px 5px 5px; font-size: 11px; font-weight: bold; color: #A95524; }
				div#left p { margin: 5px 5px 5px 5px; color: #666; background-color: inherit; font-size: 10px; }
			
			
		div#center { /*margin: 0 180px;*/ float:left;  color: #666666; width:395px; padding-top: 10px;}
			div#center-in { padding-top: 5px; padding-left:12px; padding-right:5px; padding-bottom:10px; }
			div#center h2 {	font-size: 10pt; font-weight:bold; #A95524; }
			div#center h2 span { border-bottom:1px solid #A95524; border-top:1px solid #A95524; height:24px; padding-top:5px; padding-bottom: 5px; color: #A95524; }
			div#center p {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
	background-color: inherit;
	font-size: 10px;
	line-height: 18px;
	display: block;
}
			ul.list { margin-top: 10px;
			margin-left:40px; font-size: 10px; line-height: 18px; }
			p a, ul.list a { color: #666666; background-color: inherit; text-decoration: none; font-size: 10px; }
			p a:hover, ul.list a:hover { color: #000; background-color: inherit; text-decoration: none; font-size: 10px;}
			
		div#right { margin-left:6px; float: right; width: 180px; color: #666666;}
			div#right-in {padding-top: 10px; padding-right:22px; padding-left:8px; }
				ul#nav-right {	margin: 10px; list-style: none;	}
				ul#nav-right li { 	}
				ul#nav-right li a { display: block; width: 118px; padding: 5px 10px; color: #666; background-color: inherit; 		text-decoration: none; border-bottom: 1px solid #eee; }
				ul#nav-right li a:hover { color: #666; background-color: #F1F7FF; border-bottom: 1px solid #E3EFFF; }
			div#right h2 {	margin: 5px 5px 5px 5px; font-size: 10pt; font-weight:bold; color:#A95524; }
			div#right p { margin: 5px 5px 5px 5px; color: #666; background-color: inherit; font-size: 10px; }

	div#footer-wrap { clear: both; }
		div#footer-in { background-image: url('../images/index/footer.png'); background-position: left top; background-repeat: no-repeat; height: 65px; }
		ul#nav-footer { padding-left: 10px; padding-top: 20px; color: #fff; background-color: inherit; font-size: 9px; list-style: none; text-align: right; }
	ul#nav-footer li { display: inline; padding-right: 10px; }
	ul#nav-footer li.left { float: left; }
		ul#nav-footer li a { margin: 0 3px; color: #fff; background-color: inherit; text-decoration: none; font-weight:bold; }
		ul#nav-footer li a:hover { color: #ccc; background-color: inherit; text-decoration: none; font-weight:bold; }


div#boxLeft { width: 155px; margin-bottom:10px; display: block; }
div#boxRight {width: 155px; margin-bottom:5px; display: block; }

															/* >>> SUB CONTAINERS <<< */
div.box {
	float: right;
	width: 170px;
	margin: 10px 0;
	padding: 5px;
	color: inherit;
	}
	div.left {
		float: left;
		margin: 10px 19px 10px 0;
		}
	div.right {
		
		}
		
div#logo {
	display:block;
	width:200px;
	height:86px;
	}
	
	
div#boxRight .smallblue, a.smallblue {
	font-size: 11px;
	color : #333333;
	text-decoration: none;
}
div#boxRight a:hover.smallblue {
font-size: 11px;
	color : #A95524;
	text-decoration: none;
	}
div#boxRight .sprim {
	width:70px;
	float:center;
	border: none;
	margin-right: 2px;
	padding:5px;
	margin-left: 2px;
}
div#boxRight .small {
	font-size: 10px;
}
div#boxRight .mediumred {
	color: darkred;
	font-size: 10px;
}
div#boxRight .mediumgreenskresl {
	color: #A95524;
	font-size: 11px;
	text-decoration: line-through;
}


.tdcen { font-size:9px; color:#666666;}

/* listaKat.tpl */
div#kat {float:right; text-align:right; color: #666666; position:relative; width:100%;}
	div#kat p {
	line-height: 1.5em;
	text-decoration: none;
}
	div#kat .gkat {font-size:8pt; margin-top:2px;}
	div#kat .pkat {font-size:10px; margin-top:2px;}
	div#kat .ilosc {font-size:10px; margin-top:2px;}

/* listaStrony.tpl */
div#strony {margin-top:55px; font-size:9px; color: #A95524; text-align:center; text-decoration:none;}
	div#strony a {text-decoration:none; color: #A95524; font-weight:bold;}
	div#strony a:hover {text-decoration:none; color:#000000; font-weight:bold;}

/* listaHTML.tpl */
div#tableProd { float:left; width:375px; display:block; padding:3px; margin-bottom:15px; border:1px solid #A95524; }
	div#tableProd .titleProd { font-size:10px; color: #A95524;  margin-bottom:5px;}
	div#tableProd #bodyProd { display:block; height:70px; margin-bottom: 5px;}
		div#tableProd #bodyProd .bodyImg { width:72px; float:left; border:2px solid #A95524; padding:2px; text-align:center; }
		div#tableProd #bodyProd .bodyOpis { width:190px; float:left; margin-left:5px; font-size: 10px; color:#666666; padding: 2px; }
		div#tableProd #bodyProd .bodyCena { float:left; width:80px; margin-left:5px; text-align:right; padding: 2px; }
			div#tableProd #bodyProd .bodyCena .mediumgreenskresl {color: #A95524;	font-size: 10px; text-decoration: line-through;}
			div#tableProd #bodyProd .bodyCena .mediumred { color: darkred; font-size: 11px; font-weight:bold; }
			div#tableProd #bodyProd .bodyCena .promo {color:#FF0000; font-size:10px; font-weight:bold; }
		div#tableProd #bodyProd .butomms { display:block; float:left;  margin-bottom:5px;}	
		


/* OpisHTML.tpl */
div#tableOpis { width:375px; display:block; padding:3px; margin-bottom:10px; }
	div#tableOpis .titleOpis { width:375px;font-size:10px; color: #A95524;  margin-bottom:5px;}
	div#tableOpis #bodyOpis { display:block; margin-bottom: 5px;}
		div#tableOpis #bodyOpis .bodyImg { /*margin-right:10px;*/ float:left; border:2px solid #A95524; padding:2px; text-align:center; }
		div#tableOpis #bodyOpis .bodyOpis { width:200px; float:left; margin-left:5px; font-size: 10px; color:#666666; padding: 2px; }
			div#tableOpis #bodyOpis .mediumgreenskresl {color: #A95524;	font-size: 10px; text-decoration: line-through;}
			div#tableOpis #bodyOpis .mediumred { color: darkred; font-size: 11px; font-weight:bold; }
			div#tableOpis #bodyOpis .promo {color:#FF0000; font-size:10px; font-weight:bold; }
		div#tableOpis #bodyOpis .butomms { display:block; float:left;  margin-bottom:5px;}	
		div#tableOpis #bodyContent { float:left; font-size:10px; color:#666666; padding: 2px; border-top:1px solid  #A95524; }
		

/* dokoszyka.php */
#tableKosz { border: 1px solid  #A95524;}
#tableKosz .tdTitle {font-size:12px; color: #000000 ; background-color:#A95524; line-height:1.5em; font-weight:bold;}
#tableKosz .tdProd {font-size:10px; color:#666; }
#tableKosz .tdProd h2 {margin-bottom:5px; margin-top:5px; text-decoration:none; font-size:10px;}
#tableKosz img {border:2px solid #A95524; margin:5px; text-align:center;}
#tableKosz input {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; width:25px; height:16px; text-align:center; font-weight:bold;}
#tableKosz .buttom {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; width:47px; font-weight:bold; }
#tableKosz .tdOption1 {margin: 10px; list-style: none; font-size:10px;}
#tableKosz .tdOption1 a { display: inline; padding-bottom:5px; padding-top:5px; width: 135px; color: #333333; background-color: inherit; 	text-decoration: none; font-weight: bold; }
#tableKosz .tdOption1 a:hover { color: #666; background-color: #F1F7FF;  }

/* mail.tpl */
#mail {  padding:5px;}
#mail .tdTitle {font-size:10px; color: #666; font-weight:bold;}
#mail input {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; width:150px;}
#mail textarea {background:none; border:1px solid #A95524; color:#666;}
#mail .buttom {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; }

/* Moj koszyk */
#mybags {  padding:5px;}
#mybags .tdTitle {font-size:10px; color: #666; font-weight:bold;}
#mybags input {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; width:150px;}
#mybags textarea {background:none; border:1px solid #A95524; color:#666;}
#mybags .buttom {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; }

#error {
	width:370px;
	background-color:#990000;
	border: 1px solid #990000;text-align:center;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	}
.error {
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	
	}

/* search.tpl */
#search { margin-bottom:5px; margin-left:4px;}
#search input { background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold;}

/* faktura */
#faktura { text-align:left; }
#faktura input { background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:normal;}
#faktura .tdTitle {font-size:10px; color: #666; font-weight:bold;}
#faktura .buttom {background:none; border:1px solid #A95524; color:#666; font-size:10px; font-weight:bold; }

/* >>> Pop-UP search <<< */
div.divstyles-search { }
div.popup-parent-search { position: relative; text-decoration: none; }
div.popup-parent-search span { display: none; }
div.popup-parent-search:hover { }				
div.popup-parent-search:hover span { display: block; position: absolute; top: -50px; left: 10px; width: 150px; color: #000000; text-align: left; padding: 2px; font-size: 9px; background-color: #F0E2D7 ; background-position:left top; background-repeat:repeat;border-left:1px solid #A95524;border-right:1px solid #A95524; border-top:1px solid #A95524; border-bottom:1px solid #A95524; filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=#A95524,direction=135) ; -moz-opacity:5;  }

/* >>> Pop-UP menu <<< */
ul#nav-left { padding-left: 5px; padding-right:5px; padding-bottom: 5px; list-style: none; font-size:9px; }
					ul#nav-left li {  }
					ul#nav-left li a { display: block; padding-bottom:5px; color: #333333; background-color: inherit; 	text-decoration: none; font-weight: bold; }
					ul#nav-left li a:hover { color: #666; background-color: #F1F7FF; }
					.small {font-size:9px;  padding-left:3px; padding-right:2px;}
					
div.divstyles-menu { }
div.popup-parent-menu { position: relative; text-decoration: none; padding-bottom:5px;padding-top:5px;}
div.link { font-size:10px; font-weight:bold; text-decoration: none; color: #666;}
div.link a { display: block; padding-bottom:5px; color: #333333; text-decoration: none; font-weight: bold; }
div.link1 a { margin-left:10px;margin-right:10px; display: block; padding-bottom:5px;padding-top:5px; color: #333333; text-decoration: none; font-weight: bold; }
div.link1 a:hover { margin-left:10px;margin-right:10px; background-color: #F1F7FF;display: block; padding-bottom:5px; padding-top:5px;color: #333333; text-decoration: none; font-weight: bold; }
div.popup-parent-menu span { display:none; }
div.popup-parent-menu:hover { background-color: #F1F7FF;display: block; padding-bottom:5px;padding-top:5px; position:relative; }				
div.popup-parent-menu:hover span {
	display:block;
	position: absolute;
	top: 0px;
	left: 135px;
	width:200px;
	font-size:9px;
	background-color: #F0E2D7;
	border-left:1px solid #A95524;
	border-right:1px solid #A95524;
	border-top:1px solid #A95524;
	border-bottom:1px solid #A95524;
filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) Alpha(Opacity=85); -moz-opacity:.85; z-index:99999; }


div#page {  text-align: left;  border-bottom:1px solid #A95524;}
	div#page .tlo {}
	div#page .p1 { margin:0px 5px; height:1px; overflow: hidden; font-size: 0px; }
	div#page .p2 { margin:0px 3px; height:1px; overflow: hidden; font-size: 0px; }
	div#page .p3 { margin:0px 2px; height:1px; overflow: hidden; font-size: 0px; }
	div#page .p4 { margin:0px 1px; height:2px; overflow: hidden; font-size: 0px; }
	div#page .srodek { padding:0px 1px; }

div#pageS {  text-align: left;  border-bottom:1px solid #A95524; }
	div#pageS .tlo {}
	div#pageS .p1 { margin:0px 5px; height:1px; overflow: hidden; font-size: 0px; }
	div#pageS .p2 { margin:0px 3px; height:1px; overflow: hidden; font-size: 0px; }
	div#pageS .p3 { margin:0px 2px; height:1px; overflow: hidden; font-size: 0px; }
	div#pageS .p4 { margin:0px 1px; height:2px; overflow: hidden; font-size: 0px; }
	div#pageS .srodek { padding:0px 1px; height:80px;}
div#pageL {  text-align: left;  }
	div#pageL .tlo {}
	div#pageL .p1 { margin:0px 5px; height:1px; overflow: hidden; font-size: 0px; }
	div#pageL .p2 { margin:0px 3px; height:1px; overflow: hidden; font-size: 0px; }
	div#pageL .p3 { margin:0px 2px; height:1px; overflow: hidden; font-size: 0px; }
	div#pageL .p4 { margin:0px 1px; height:2px; overflow: hidden; font-size: 0px; }
	div#pageL .srodek { padding:0px 1px; }
	
/* styl urlop.tpl */
#fadeinbox{
position:absolute;
width:415px;
left: 0;
top: -400px;
padding: 4px;
z-index: 100;
visibility:hidden;
}
div#framka  {
		background-image: url('../images/index/urlop.png');
		background-position:left top;
		background-repeat:repeat-y;
		z-index:9999;
		}
div#framka .top {
		width:415px;
		display:block;
		background-image:url('../images/index/urlopT.png');
		background-position: top left ;
		background-repeat:no-repeat; height:20px; display:block; text-align:right;
		}
	div#framka .foot {
		width:415px;
		height:16px;
		display:block;
		background-image:url('../images/index/urlopF.png');
		background-position:left top;
		background-repeat:no-repeat;
		position:relative;
		}
	div#framka .center {
		background-image: url('../images/index/urlop.png');
		background-position:left top;
		background-repeat:repeat-y;
		color:#000000;
		text-align:left;
		font-weight:bold;
		position:relative;
		font-size:12px;
		padding-top:10px;
		padding-left:20px;
		padding-right:20px;
	}
	div#framka .center h2 {
		font-size: 10pt;
		font-weight:bold; 
		}
		div#framka .center h2 span {
		border-bottom:1px solid #A95524;
		border-top:1px solid #A95524;
		height:24px;
		padding-top:5px;
		padding-bottom: 5px;
		color: #A95524;
		}
	div#framka .top a {
		font-size: 10pt;
		font-weight:bold;
		text-decoration:none;
		background-color:#000000;
		color:#FFFFFF;
		}
	div#framka .top a:hover {
		font-size: 10pt;
		font-weight:bold; 
		text-decoration:none;
		background-color:#000000;
		color:#FFFFFF;
		}