

body {	
	font-family:verdana, sans-serif;
	font-size:12px;
	background:white url(../images/bgr_top.jpg) repeat-x;
	color:#5c5c5c;
	}
	
#wrapper{
	width:1040px;
	margin:0 auto;
}	

/* header */

#header{
	position:relative;
	width:1040px;
	height:168px;
	
	background: url(../images/logo_gaskom.png) no-repeat right;
	float:left;
}

h1#logo a {
	margin-left:-50px;
	display:block;
	height:168px;
	text-indent:-900em;
	width:463px;	
	background: url(../images/logo_gastroserwis.jpg) no-repeat ;
	}


ul#menu {
	position:absolute;
	bottom:0;
	left:280px;
	}	
ul#menu li{
	display:inline;
	}	
	
ul#menu li a{
	color:#f4c8bd;
	text-transform:uppercase;
	font-size:110%;
	text-align:center;
	line-height:27px;
	text-decoration:none;
	float:left;
	display:block;
	width:106px;
	height:27px;
	background: url(../images/btn.png) no-repeat ;
	margin:0 3px;
	}
	
ul#menu li a:hover{
	background-position:0 -27px;
}

	
	
ul#menu li a.yellow{
	color:#3b394e;
	background: url(../images/btn_yellow.jpg) no-repeat ;
	}
	
ul#menu li a.yellow:hover{
	color:black;
	}

ul#menu li a.current{
	background-position:0 -27px;
	color:white;
}	
	
/* content */
#content{
	line-height:160%;
	float:left;
	width:1040px;
	padding:30px 0 0 30px;;
}

#left_col{
	float:left;
	width:450px;
	z-index:800;
	
	
}


	
#flash {
	height:322px;
	width:446px;
	}
	

#gastro{
	padding:0 0 0 40px;
}


#gastro h3{
	background: url(../images/h3_gastroserwis.png) no-repeat;
	padding:5px 0;
	text-indent:-9999px;	
}

#gastro p{
	margin-left:20px;
	}


#right_col{
	height:500px;
	width:530px;
	float:left;
}

/*  ------------ slider  ------------ */

#slideshow {
    position:relative;
    height:488px;
	width:510px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*  ------------ slider   ------------ */

/* footer*/

#footer{
	background:white url(../images/bgr_footer.jpg) repeat-x;
	clear:both;
	padding:62px 0 0 0;
}

#footer_content{
	background:url(../images/bgr_yellow_footer.png) repeat-x;
	width:1040px;
	height:240px;

	margin:0 auto;
	position:relative;
	
}


#footer_content a.inne{
	text-indent:-9999px;
	float:right;
	color:#5c5c5c;
	text-transform:uppercase;
	font-size:160%;
	font-style:italic;
	margin:8px 10px 16px 0;
	text-decoration:none;	
}

#footer_content a.inne:hover{
	color:white;
	}

.kontakt_footer{
	margin:40px 0 0 0 ;
	line-height:140%;
	width:400px;
	float:left;
}

#menu_footer {
	float:right;
	clear:right;
}

#menu_footer li{
	display:inline;
	}
	
#menu_footer li a{
	float:left;
	border-right:1px solid #5c5c5c;
	padding:0 20px;
	color:#5c5c5c;
	text-decoration:none;
	}	
	
#menu_footer li a:hover{
	color:black;	
	}	

#shadow{
	position:absolute;
	top:-170px;
	left:0;
}


#flash_02{
	width:351px;
	height:29px;
	position:absolute;
	right:0;
	top:3px;
	
}




/* ---------------------------------- Galeria ---------------------------- */

body#galeria h3{
	background: url(../images/h3_galeria.png) no-repeat;
	padding:5px 0;
	text-indent:-9999px;	
}

.galeria{
	width:960px;
	margin:30px 0 0 50px;
	display:inline;
	float:left;
	}
	
.galeria a.miniat{
	float:left;
	margin-right:30px;
	}

a.galeria_cake{
	color:#5C5C5C;
	
	
}
	
	/*
div.galeria a.galeria_min{
	background:url(../images/galeria/galeria.jpg) no-repeat;
}

div.galeria a.produkcja_min{
	background:url(../images/galeria/produkcja.jpg) no-repeat;
}

div.galeria a.realizajce_min{
	background:url(../images/galeria/realizacje.jpg) no-repeat;
*/

/* ---------------------------------- kontakt ---------------------------- */
body#kontakt h3{
	background: url(../images/h3_mapka.png) no-repeat;
	padding:5px 0;
	text-indent:-9999px;	
}

body#kontakt .left_col{
	margin:30px 0 0 50px;
	float:left;
}

body#kontakt .left_col #g_map{
	border:4px solid #C6504B;
	}

body#kontakt .right_col{
	margin:95px 0 0 50px;
	float:left;
	padding:0 0 0 30px;
	border-left:1px dotted #5C5C5C;
}

body#kontakt h4{
	color:#9F2727;
}

body#kontakt .right_col a{
	color:black;
	
	
}

body#kontakt .right_col a:hover{
	color:#5c5c5c;
	
}







