/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
html, body 	{
		font: 11px verdana;
		margin: 0;
		padding: 0;
		width:100%;
		background:url('images/bg.jpg') repeat-x;
}

#main {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#top {
	width:910px;
	height:129px;
	background:url('images/ultramed_web_r1_c1.jpg');
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#baner{
	width:910px;
	height:261px;
	background:url('images/ultramed_web_r2_c1.jpg');
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#content {
	width:910px;
	min-height:240px;
	height:240px;
	height:auto;
	background:url('images/ultramed_web_r3_c1.jpg') repeat-x;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#footer {
	width:910px;
	height:11px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
	clear:both;
}

.buttony { float:left;}

#b1 {margin-left:185px;}
#b5 {margin-left:7px;}

/* ----------------------------------------------------------------------------------------------- */
.button1 {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/1.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button1 span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/1.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */

.button2  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/2.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button2  span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/2.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */

.button3 {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/3.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button3  span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/3.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */

.button4  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/4.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button4  span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/4.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */

.button5  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/5.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button5  span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/5.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */


.button6  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/6.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button6  span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/6.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */



.button7  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/7.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button7 span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/7.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */

.button8  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/8.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button8 span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/8.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */

.button9  {
	clear: both;
	position:relative;
	display:block;
	height: 111px;
	width: 178px;
	background:url(images/9.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button9 span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 180px;
	background: url(images/9.png) no-repeat;
	background-position: bottom;
}

/* ----------------------------------------------------------------------------------------------- */


.tresc {padding-left:30px; padding-bottom:25px; width:390px; height:230px; overflow:hidden;}
.formularz {width:800px; margin-left:57px; margin-top:25px;  padding-bottom:30px; color:#ffffff;}

.tytul { font-size:18px; padding-left:35px; padding-top:15px; padding-bottom:10px; color:#ff0000; font-style:italic;}

#tytul {width:790px; margin-bottom:10px; margin-top:3px;}

.logout {text-align:left; clear:both; height:20px;}
.logout a{font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff; float:right; }

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


/* -----------------------------------------------------------------------------------------------*/

.menu-top {
	position:absolute;
	margin-left:432px;
	margin-top:100px;
}


.menu-top div {
	display:inline;
	position:absolute;
}


.menu-top  a {
	color:#0D7EB8;
	font-family:tahoma;
	font-size:13px;
	text-decoration:none;
}


div.regulamin_sklepu {
	width:170px;
}


div.ofirmie_sklepu {
	width:170px;
	margin-left:135px;
}


div.kontaktiadres_sklepu{
	width:170px;
	margin-left:280px;
}


div.regulamin_sklepu a:hover{
	background:url('/images/menu_top_hover.png') center no-repeat;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	text-decoration:none;
	margin-left:-10px;
}


div.ofirmie_sklepu a:hover{
	background:url('/images/menu_top_hover.png') center no-repeat;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	text-decoration:none;
	margin-left:-10px;
}


div.kontaktiadres_sklepu a:hover{
	background:url('/images/menu_top_hover_2.png') center no-repeat;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	text-decoration:none;
	margin-left:-20px;
}


div.menu-icons{
	position:absolute;
	width:70px;
	height:20px;
	margin-left:820px;
	margin-top:97px;
}


b.domowa_icon, b.kontakt_icon, b.mapa_icon {
	position:absolute;
	width:22px;
	height:20px;
}


div.kontakt_icon {
	margin-left:24px;
}


div.mapa_icon{
	margin-left:48px;
}