@charset "utf-8";
/* CSS Document firstpage.css */

body {
	line-height: 1;
	background: white;
	background:url(../img/backgrounds/bg.gif) repeat-x;
	font:11px Arial, Helvetica, sans-serif;
	color:#535354;
}
.main_container {
	margin:0 auto;
	width:1018px;
	height:auto;
}
#container {
	width:auto;
	height:auto;
	background:#fff url(../img/backgrounds/container_round_bg.gif) no-repeat;
	padding:12px;
}
#container a {
	text-decoration:none;
	color:#3f3f3f;
}
/* kontener dla gornej belki */
#top {
	height:65px;
	width:auto;
}
/* glowny podzial na lewa i prawa strone */
#main_left {
	float:left;
	width:315px;
	height:auto
}
#main_rigth {
	float:right;
	width:667px;
	height:auto
}

/* ----------------------------------------------------------------------------
glowne zdjecie i miniatury
-----------------------------------------------------------------------------*/

#gallery {
   width: 666px;
   height: 253px; 
   position: relative; 
   overflow: hidden; 
}

#galleryContent {
   width: 666px;
   position: absolute; 
   top: 0; 
   margin-left: 0; 
}

.galleryImage {
   float: left; 
   position: relative; 
   display: none; 
}

.galleryImage span {
   position: absolute;
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 666px;
   background-color: #000;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7; 
   opacity: 0.7; 
   color: #fff;
   display: none;
	bottom: 0
}

#gallery .bottom  {
	bottom: 0;
    left: 0;
	height:40px;
}

#gallery .bottom a{
	color:#fff;
	font-weight:bold;
}

.clear {
   clear: both;
} 

/* kontener zawierajacy 4 miniatury */
#main_thumbs_box {
	float:left;
	width:auto;
	height:auto;
	margin-top:6px;
}
/* pojedynczy kontener dla jednej miniatury */
#main_thumb {
	float:left;
	width:166px;
	height:162px;
	margin-left:1px;
}
/* animacja belki 4 miniatur */
.boxgrid {
	float:left;
	width:166px;
	height:162px;
	overflow: hidden;
	position: relative;
}

.marginRight {
	margin-right:1px;
}

.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxgrid p {
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	color:#fff;
	padding-left:10px;
	padding-top:7px;
	height: 100px;
	width: 100%;
	opacity: .6;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.boxcaption a{
	color:#fff !important
}

.captionfull .boxcaption {
	top: 300px;
	left: 0;
}

.captionThumb .boxcaption {
	top: 130px;
	left: 0;
}


/* ----------------------------------------------------------------------------
kontent - zawartosc pod miniaturami
-----------------------------------------------------------------------------*/
#content {
	width:100%;
	height:auto;
	margin-top:21px;
}
/* podzial na 3 kolumny - informacje,  */
#content #content_c1 {
	float:left;
	width:317px;
	height:auto;
}
#content #content_c2 {
	float:left;
	width:162px;
	height:auto;
	margin-left:17px;
}
#content #content_c3 {
	float:left;
	width:150px;
	height:auto;
	margin-left:7px;
}
/* lista zawarta w 2 podziale kolumny (nowosci, promocje )*/
#content li {
	background:url(../img/buttons/round_arr.gif) no-repeat 0 7px;
	padding:7px 0 7px 25px;
	border-bottom: 1px #e2e2e2 solid;
}
#news {
	float:left;
	width:auto;
	height:auto;
}

/* tymczasowe promocje itp */

#miniPromo{
	position:absolute;
	top:-10px;
	margin-left:190px
}