/*--------------------------------------------------------
	css theme name: hac
	author: bartosz mediger (http://mediger.net)

	created: jan 31, 2008


*/


* { margin: 0px; padding: 0px; }


address {
	float: left;
	font-style: normal; }


blockquote {
	float: left;
	line-height: 18px;
	text-align: left; }
	
	blockquote p { font-size: 14px; }


body, html { width: 100%;  height: 100%; }




body {
	height: 1200px;
	background: url(../images/back.jpg) center top; }


body.ofeta { background:url(../images/back_oferta.jpg) center top; }
body.ohacu { background:url(../images/back_ohacu.jpg) center top; }



fieldset { border: none; }



html {
	overflow: auto;
	overflow-x: hidden; }
	


	
html {
	line-height: 18px;
	font-family: "Lucida Console", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000e42; }



img { border: none; }



ins { text-decoration: none; }




p { padding-bottom: 15px; }



textarea {
	font-size: 11px;
	font-family: "Lucida Console", Tahoma, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }







/*	naglowki */

h1, h2 { font-family: "Lucida Console", Tahoma, Helvetica, sans-serif; }

h1 { width: 484px; height:89px; }

	.witamy h1 {
		position: absolute; top: 0; left: 0;
		width: 541px; height: 370px;
		background:url(../images/h_witamy.gif); margin: 0; }

	.ohacu h1 { background:url(../images/h_ohacu.gif); }
	.sklepy h1 { background:url(../images/h_sklepy.gif); }
	/*.promocje h1 { background:url(../images/h_promocje.gif); }*/
	.oferta h1 { background:url(../images/h_oferta.gif); }
	.kontakt  h1 { background:url(../images/h_kontakt.gif); }


h2 {
	padding: 0 0 15px 0;
	font-size: 22px;
	font-weight: normal;
	color: #151418; }


















/*	nawigacja */

a {
	text-decoration: none;
	color: #ff0000; }
	
	a:hover { text-decoration: underline; }










#container {
	position:relative;
	width: 972px;
	overflow: hidden;
	margin: 0 auto; }












#content {
	float: left;
	width: 657px;
	padding: 310px 0 0 305px; }
	
	.oferta #content { padding-right: 0; }
	.witamy #content { padding-top: 539px; }

















#katalog {
	position: absolute; top: 0; right: 66px;
	width: 226px; height: 125px;
	background:url(../images/katalog.gif); }





























#logo {
	position:absolute; top: 30px; left: 20px; z-index: 15;
	width: 210px; height: 120px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }
















#menu {
	position: absolute; top: 7px; right: 28px; z-index: 10;
	width: 626px; height: 58px; }

	#menu a {
		float: left;
		height: 58px;
		text-indent: -10000px; }


	#menu a:hover, #menu a.hit { background-position: 0 -58px; }

	a.witamy { width: 125px; background: url(../images/m_witamy.gif); }
	a.ohacu { width: 92px; background:url(../images/m_ohacu.gif); }
	a.sklepy { width: 95px; background:url(../images/m_sklepy.gif); }
	a.promocje { width: 124px; background:url(../images/m_promocje.gif); }
	a.oferta { width: 85px; background:url(../images/m_oferta.gif); }
	a.kontakt { width: 105px; background:url(../images/m_kontakt.gif); }













#oferta a {
	float: left;
	width: 134px; height: 126px;
	filter:alpha(opacity=95); -moz-opacity: .95; opacity: .95;
	background: url(../images/frame.gif);
	margin: 0 5px 10px 0;
	padding: 14px 0 0 15px; }

	#oferta a:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }


















#submenu {
	position: absolute; top: 311px; left: 30px;
	width: 202px; }
	
	#submenu a {
		float: left;
		width: 170px; height: 18px;
		background:url(../images/submenu_back.gif); 
		margin: 0 0 3px 0;
		padding: 0 0 0 32px;
		font-weight: normal;
		color: #fff; }

	#submenu a:hover, #submenu a.hit {
		background-position: 0 -18px;
		text-decoration: none; }















/* classess */

.anim {
	position:absolute; top: 0; right: 0; z-index: 1;
	width: 733px; height: 309px; }

.witamy .anim { width: 922px; height: 539px; }



.button {
	border: none;
	cursor: pointer; }

.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }


.male, .female {
	display: block;
	clear: both;
	width: 140px; height: 45px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 55px;
	font-size: 11px;	 }

	.male{ background: url(../images/icon_female.gif) no-repeat left; }
	 .female { background: url(../images/icon_male.gif) no-repeat left; margin-top: 10px; }
	


.scroll-pane {
	float: left; 
	overflow: auto;
	width: 650px; height: 720px; }
	
	.witamy .scroll-pane { width: 550px; height: 480px; }