/*  
Version: 1.0
Author: Agencja Interaktywna 7seconds
Author URI: www.7seconds.pl

*/

/*  =COLORS
---------------------------------------------------
	Body Background:
	Main Text:
	Links:
*/


/*  =RESET
---------------------------------------------------*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
abbr,acronym { border: 0;
	}
	
	
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */

body {
	font-family: Arial;
	background: #fff;
	color: #473a2a;
	font-size: 13px;
	text-align: center;
}

a{
	color: #6d5a43;
}

*{outline: none;}

a:hover, a:active {
	color: #6d5a43;
	text-decoration: none;
}


.wrapper {
	width: 990px!important; 
	margin: 0px auto;			
}


/*  =HEADER
-------------------------------------------------------------- */

#header {background: url(img/bg.gif) bottom repeat-x; width: 1000px; margin: 0px auto; text-align: left;}
#logo {margin: 10px 0px 10px 15px; float: left; width: 136px; }
#logo a{width: 175px; height: 90px; display: block;} 
/*#logo a{width: 175px; height: 90px; background: url(img/logo.jpg) no-repeat; display: block; text-indent: -999em;}   */

/*  =NAVIGATION
-------------------------------------------------------------- */

#mainMenu{float: left;  padding: 4px 0px 0px 255px; width: 470px;}
#mainMenu ul{list-style: none; margin: 0px; padding: 0px;}
#mainMenu ul li{font-size: 13px; color: #6b5e4d;margin: 0px; padding: 0; float: left;}
#mainMenu ul li a{font-weight: bold; font-size: 13px; color: #6b5e4d; text-decoration: none;line-height: 16px;}
#mainMenu ul li a:hover{text-decoration: underline;}
#mainMenu ul li.sep{margin: 0px 15px;}
#mainMenu ul li a.active{font-size: 16px; line-height: 16px;}
#mainMenu ul li a.trail{font-size: 16px; line-height: 16px;}

#footerMenu{padding: 0px 0px 0px 257px; line-height: 23px;}
#footerMenu ul{list-style: none; margin: 0px; padding: 0px;}
#footerMenu ul li{color: #6b5e4d;margin: 0px; padding: 0; float: left;}
#footerMenu ul li a{font-weight: bold; font-size: 12px; color: #6b5e4d; text-decoration: none;}
#footerMenu ul li a:hover{text-decoration: underline;}
#footerMenu ul li.sep{margin: 0px 9px;}
#footerMenu ul li a.active{text-decoration: underline;}

/*  =CONTENT
-------------------------------------------------------------- */

#content {height: 1%;clear: both; background: #4a3726; margin: 8px 0px;text-align: left;  width: 1000px; margin: 8px auto;}

#content .wrapper{ }
#content .wrapper{ba-ckground: blue;}

#content h2 {}
#content h3 {}
#content p {margin: 0px 0px 10px 0px;}
#main{width: 476px!important;  float: left; padding: 0px 20px; overflow: hidden;  ba_ckground: red; }
.podstrona{padding: 20px 25px; border: 1px solid #d1ceca; ba_ckground: #ccc; }

#main2{width: 753px; padding: 0px; float: left; position: relative;}
.back{position: absolute; top:0px; left:420px;}
.back a{ background: url(img/back.gif) no-repeat; width: 16px; height: 15px; display: block; text-indent:-999em; }
#left{width: 221px; float: left; padding: 0px 16px 0px 0px;}
#right{width: 237px; float: left;}
#produkt .mod_catalogreader{float: left; width: 476px; float: left; padding: 0px 20px; }
#right2{width: 221px; float: left; padding: 0px 0px 30px 16px;}


.tlo{background: url(img/bg3.gif) center top no-repeat; padding: 17px 0px 0px 0px;}
.tlo2{background: url(img/bg4.gif) center bottom no-repeat; padding: 0px 0px 17px 0px;}
.tlo3{background: url(img/bg2.gif) center repeat-y;}

/*  =FOOTER
-------------------------------------------------------------- */

#footer {background: url(img/bg.gif) repeat-x;  width: 1000px; margin: 0px auto;}


/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both; height: 0px !important; overflow: hidden; font-size: 0px;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}

#toolBox{padding: 15px 15px 0px 0px; float: right;}
#toolBox ul{list-style: none; margin: 0; padding: 0; float: right;}
#toolBox ul li{margin: 0px 0px 0px 10px; padding: 0; float: left;}
#toolBox ul li a{font-size: 11px; color: #999797; text-decoration: none; text-transform: uppercase; font-weight: bold;}
#toolBox ul li a.active{color: #000; font-size: 12px;}
#toolBox ul li a:hover{text-decoration: underline;}

#search{float: right; width:231px; height: 24px; background: url(img/szukaj.gif) no-repeat; overflow: hidden; margin: 0px 0px 0px 0px;}
#search .tl_search{width: 146px; padding: 6px 10px; height: 14px; float: left; border: none; background: none;font-size: 11px; color: #6b5e4d;}
#search .tl_button{border: none; background: none; cursor: pointer; width: 61px; height: 24px; float: left;  }

.produkt{width:146px; height: 197px; background: url(img/bg5.gif) no-repeat; float: left; padding: 1px; margin: 4px 4px;}
.zdjecie{width:146px; height: 142px; text-align: center;}
.cena{text-align: center; color: #808080; font-size: 11px;}
.cena .stara{text-decoration: line-through;}
.cena .aktualna{color: #473a2b; font-size: 13px; font-weight: bold;}
.opis{line-height: 1;margin: 2px 0px 0px 0px;height: 29px!important; font-size: 12px; color: #fff; text-align: center; background: url(img/bg.jpg) no-repeat;}
.opis table{width: 100%;}
.opis td{height: 29px; width: 100%; vertical-align: middle; text-align: center;}
#left .mod_navigation{width: 201px; padding: 0px 0px 0px 20px;}
#left .mod_navigation ul{ list-style: none; margin: 0; padding: 0;}
#left .mod_navigation ul li{background: url(img/bg6.gif) bottom center no-repeat; padding: 6px 0px 6px 30px; margin: 0;}
#left .mod_navigation ul li a{color: #f6f5f4; text-decoration: none; font-size: 13px;}
#left .mod_navigation ul li a:hover{text-decoration: underline;}
#left .mod_navigation ul li a.active{font-weight: bold; font-size: 14px;}
#left .filter_group h3{display: none;}
#left .filter_group ul li.list_0{display: none;}
#left .filter_group{width: 201px; padding: 0px 0px 0px 20px;}
#left .filter_group ul{ list-style: none; margin: 0; padding: 0;}
#left .filter_group ul li{background: url(img/bg6.gif) bottom center no-repeat; padding: 6px 0px 6px 30px; margin: 0;}
#left .filter_group ul li a{color: #f6f5f4; text-decoration: none; font-size: 13px;}
#left .filter_group ul li a:hover{text-decoration: underline;}
#left .filter_group ul li.active a{font-size: 14px; font-weight: bold;}


#left h2{color: #fff; font-size: 16px; background: url(img/bg7.gif) right no-repeat; padding: 4px 0px 4px 50px; margin: 10px 0px 25px 0px;}
#right2 h2{color: #fff; font-size: 16px; background: url(img/bg8.gif) right no-repeat; padding: 4px 0px 4px 25px; margin: 10px 0px 25px 0px;}

.ce_text{text-align: justify;}
#main{line-height: 140%;}



/* Easy Slider */

#silde{position: relative; text-align: center; margin: 30px 0px 0px 0px;
width: 100%;
	 }
	#slider{margin: 0px auto;
	width:308px;
		height:308px;
		overflow:hidden; 
	
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:308px!important;
		height:308px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:13px;
		height:15px;
		position:absolute;
		left:50px;
		top:154px;
		z-index:1000;
		text-indent: -999em;
		}	
	#nextBtn, #slider1next{ 
		left:410px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:13px;
		height:15px;
		background:url(img/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(img/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	


	
	#slider img{border: 1px solid #d1ceca;}
	
#content .description p	{margin: 0px;}
#content .description{padding: 15px 25px; font-size: 12px; font-weight:bold;line-height: 130%;background: url(img/bg6.gif) center bottom no-repeat; color: #f6f5f4;}	
#content .description .name{font-size: 12px; color: #bfbfbf; font-weight: normal;}
#content .description .text{color: #f6f5f4; font-size: 13px; font-weight:bold;}
#content .description .stara{font-size: 11px; color: #bfbfbf; text-decoration: line-through;}

#powiazane{padding: 30px 0px 30px 0px; background: url(img/bg9.gif) center 15px no-repeat;}

.mod_newslist img{border: 1px solid #d1ceca;}
.ce_gallery img{border: 1px solid #d1ceca; padding: 3px;}
.mod_newslist p{text-align: justify; padding: 10px;}
.layout_short{margin: 0px 0px 0px 0px;}

#content #tutoriale .description{color: #565656;}

#copy{padding: 15px; text-align: center; font-size: 9px;}
.total{display:none;}
.pagination{clear:both; padding:10px 0px;}
.pagination ul{ list-style:none; margin:0; padding:0; float:right;}
.pagination ul li{margin:0px 4px; float:left; padding:0px;}
.pagination ul li a{border:1px solid #d3cfcb; display:block; text-decoration:none; padding:2px 7px;}
.pagination p{display:none;}
.pagination ul li span{border:1px solid #4a3726; display:block; text-decoration:none; padding:2px 7px;}
.pagination ul li a:hover{border:1px solid #4a3726;}