body{
	margin:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#0c0c0c url('../gfx/layout/bg_background/index.jpg') repeat-x;
}
a{
	color:#fff;
	text-decoration:none;
	outline:none;
}
a:hover{
	}
a:visited{
	color:#fff;
}
img{
	vertical-align:bottom;
}
a img{
	border:0;
}
h1{
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px #ebba74 solid;
	padding:0 0 2px 5px;
	margin:0;
}

.grey{
	color:#333;
}

#container{
	margin:0 auto;
	width:1000px;
	height:100%;

}
#main{
	margin:0 auto;
	width:960px;
	float:left;
}
#menu_top{
	height:47px;
	position:relative;
	margin-top:-596px;
}
#menu_top ul{
	list-style:none;
	margin:0;
	padding:12px 0 0 50px;
}
#menu_top ul li{
	display:inline;	
	margin-right:10px;
	padding:3px 6px 3px 6px;
	line-height:20px;
	
}
#menu_top ul li.selected{
	background-image:url('../gfx/menu/bg_home.png');
}
#menu_top ul li:hover{
	background-image:url('../gfx/menu/bg_home.png');
	cursor:pointer;
}
#tresc{
	position:relative;	
	height:549px;
}
#news{
	position:relative;
	top:210px;
	left:20px;
	width:400px;
}
#news div.news{
	width:384px;
	height:84px;
	background-image:url('../gfx/menu/bg_news_transparent.png');
	margin-bottom:8px;
	padding:8px;
}
#news div.news div.news_tresc{
	width:384px;
	height:84px;
	position:relative;
	margin-top:-84px;
}
div.news_tresc a{
	color:#333;
}
div.news_tresc a:hover{
	text-decoration:underline;
}

#news div.news  img{
	position:relative;	
}
div.date,div.info{
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-left:105px;	
	z-index:20;
	
}
div.date{
	padding:3px 0 2px 0;	
}
div.info{
	font-weight:normal;	
}
span.arrow{
	color:#e69301;
	font-family:Verdana;
}
#footer{
	width:100%;
	background-color:#0c0c0c;
	position:relative;
	clear:both;
}
#linki{
	background-color:#111111;
	height:30px;
	border-bottom:1px #885a08 solid;
	clear:both;
	padding-left:25px;
}
#linki a img{
	border:0;
	margin-right:25px;
	
}
h3{
	font-weight:normal;
	font-size:10px;
	margin:0 0 2px 0;
}
#menu_bottom{
	margin-left:150px;
}
#menu_bottom ul{
	margin:0;
	padding:0;
	list-style:none;

}
#menu_bottom ul li{
	font-size:10px;
	padding-left:5px;
	line-height:12px;
	background:url('../gfx/menu/square_bottom.gif') 0px no-repeat;	
}
#menu_bottom ul li a{
	color:#cccccc;
}
#menu_bottom ul li a:hover{
	color:#fff;
	text-decoration:underline;
}

#menu_bottom div.column{
	width:140px;
	float:left;
	margin:10px 0 10px 0;
}
#left{
	float:left;
	width:20px;
	height:773px;
	background:#0c0c0c url('../gfx/layout/bg_background/index_left.jpg') no-repeat;
}
#right{
	float:right;
	width:20px;
	height:773px;
	background:#0c0c0c url('../gfx/layout/bg_background/index_right.jpg') no-repeat;
}
#bottom{
	clear:both;
	width:950px;
	margin:0 auto;
	font-size:10px;
}
#bottom div.gecko{
	float:left;
}
#bottom div.dome{
	float:right;
}

/* kontakt */

body.kontakt{
	background:#0c0c0c url('../gfx/layout/bg_background/kontakt.jpg') repeat-x;
}
#left.kontakt{
	background:#0c0c0c url('../gfx/layout/bg_background/kontakt_left.jpg') no-repeat;
}
#right.kontakt{
	background:#0c0c0c url('../gfx/layout/bg_background/kontakt_right.jpg') no-repeat;
}

/* fryzjerstwo */

body.fryzjerstwo{
	background:#0c0c0c url('../gfx/layout/bg_background/fryzjerstwo.jpg') repeat-x;
}
#left.fryzjerstwo{
	background:#0c0c0c url('../gfx/layout/bg_background/fryzjerstwo_left.jpg') no-repeat;
}
#right.fryzjerstwo{
	background:#0c0c0c url('../gfx/layout/bg_background/fryzjerstwo_right.jpg') no-repeat;
}

/* fryzjerstwo - loreal */

body.loreal{
	background:#0c0c0c url('../gfx/layout/bg_background/fryzjerstwo-loreal.jpg') repeat-x;
}
#left.loreal{
	background:#0c0c0c url('../gfx/layout/bg_background/fryzjerstwo-loreal-left.jpg') no-repeat;
}
#right.loreal{
	background:#0c0c0c url('../gfx/layout/bg_background/fryzjerstwo-loreal-right.jpg') no-repeat;
}

/* kosmetyka - guinot */

body.guinot{
	background:#0c0c0c url('../gfx/layout/bg_background/kosmetyka-guinot.jpg') repeat-x;
}
#left.guinot{
	background:#0c0c0c url('../gfx/layout/bg_background/kosmetyka-guinot-left.jpg') no-repeat;
}
#right.guinot{
	background:#0c0c0c url('../gfx/layout/bg_background/kosmetyka-guinot-right.jpg') no-repeat;
}

/* portfolio - strona glowna */

body.portfolio{
	background:#0c0c0c url('../gfx/layout/bg_background/portfolio.jpg') repeat-x;
}
#left.portfolio{
	background:#0c0c0c url('../gfx/layout/bg_background/portfolio-left.jpg') no-repeat;
}
#right.portfolio{
	background:#0c0c0c url('../gfx/layout/bg_background/portfolio-right.jpg') no-repeat;
}

/* ikony - linki ze zdjeciami w dzialach */
#icons{		
	float:left;	
	position:relative;
	padding-left:10px;
	margin-top:360px;	
	}
#icons.glowna{
	margin-top:260px;
}
#icons.right{	
	float:right;
	padding-left:0;
	padding-right:10px;
	}
#icons.salony{
  padding-left:60px;
}
#icons a:hover{
	text-decoration:underline;
}
#icons div.icon{
	width:161px;
	height:161px;
	background:transparent url('../gfx/menu/bg_news_transparent.png') repeat;
	float:left;
	margin-right:10px;	
}
#icons.right div.icon{
	margin-left:10px;
	margin-right:0;
}
#icons div.icon:hover{
	background-color:#fff;
	cursor:pointer;
}
#icons div.icon div.ico_img{
	width:145px;
	height:145px;
	position:relative;
	top:8px;
	left:8px;
}
#icons div.icon div.ico_link{
	position:relative;
	top:-10px; /* dla ie 5.5/6 -13px fix */
	left:12px;
	font-size:11px;
	text-transform:uppercase;	
}
#icons.galeria  img{
	margin:8px;
}

/*pole z opisem */

#text{
	width:411px;
	height:284px;
	float:left;
	margin:221px 0 0 10px; /*dla ie 5.5/6 222px 0 0 5px */
	color:#000;
	padding:8px;
	background:transparent url('../gfx/menu/bg_news_transparent.png') repeat;
}
#text.gonera{
  width:500px;
}
#text.salony{
  float:right;
  margin-right:70px;
}
#text.dark{
	background:transparent url('../gfx/menu/bg_news_transparent.png') repeat;
}
#text div.text{
	padding:8px;
	height:268px;
	background:transparent url('../gfx/menu/bg_news_transparent.png') repeat;
}
#text div.text div{
	overflow: auto;	
	height:254px;
	font-size:12px;
	padding-left:5px;
	line-height:16px;
	color:black;
}
/*pole z opisem dla racoon*/
#text.racoon{
	
	background:transparent url('../gfx/menu/bg_menu_prawa25.png') repeat;
}
#text.racoon div.text{
	background:transparent url('../gfx/menu/bg_menu_prawa25.png') repeat;
}
#text.racoon div.text h1,#text.racoon div.text p{
	color:#fff;
}
/*menu po prawej stronie*/

#menu_prawa{
	float:right;
	margin:380px 0px 0 0;
}
#menu_prawa div.pozycja_menu{
	width:250px;
	height:40px;
	background:transparent url('../gfx/menu/bg_menu_prawa.png') repeat;
	border-left:5px #e69301 solid;
	margin-bottom:10px;
}
#menu_prawa div.pozycja_menu:hover{
	border-left:5px #fff solid;
}

#menu_prawa div.pozycja_menu h2{
	margin:0;
	padding:12px 0 0 10px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
}
#menu_prawa a:hover{
	text-decoration:underline;
}

/*tekst na stronie głównej kategorii*/

#kategoria{
	position:relative;
	top:230px;
	width:470px;
	height:100px;
	text-align:right;
}
#kategoria h1{
	border-bottom:none;
	font-weight:normal;
	padding:0 0 5px 0;
}
#kategoria span{
	font-size:16px;
	line-height:1.5;
	
}


#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:855px;
	height:161px;
	overflow:hidden; 	
	
	}
#slider{
	z-index:300;
}
#prev{
	margin-top:300px;
	width:35px;
	float:left;
	padding-left:10px;
}
#next{
	margin-top:300px;
	width:35px;
	float:right;
	padding-right:10px;
	text-align:right;
}
#kontakt{
	width:350px;
	background:transparent url('../gfx/menu/bg_news_transparent.png') repeat;
	top:50px;
	left:500px;
	position:relative;
	color:#000;
	padding:8px;
}
#kontakt div.text{
	background:transparent url('../gfx/menu/bg_news_transparent.png') repeat;
	padding:8px;
}
#kontakt p{
	color:#333;
	margin:0;
	font-size:14px;
	padding-left:10px;
}
#kontakt h1{
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	border-top:1px #ebba74 solid;
	font-size:14px;

}
#kontakt h1.last{
	margin-top:10px;
	padding-top:5px;
}
#kontakt hr{
	width:95%;
	color:#ebba74 ;
	border:0 none;
	height:1px;
	background-color:#ddd ;
}


/* herbus */

.herb{
  width:385px !important;
  top:245px !important;
}