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

	created: jan 18, 2009


*/


* { 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 {
	background: #fec40b url(../images/top.jpg) no-repeat center top; }



fieldset { border: none; }



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


	
html {
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333; }



img { border: none; }



ins { text-decoration: none; }


ol, ul { margin: 0 0 20px 20px; }



p { padding-bottom: 15px; }



textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ul { list-style: none; }

	ul li {
		background: url(../images/arrow.gif) no-repeat left 6px;
		padding: 0 0 0 13px; }















/*	naglowki */

h1 {
	font-family: "Arial Narrow";
	padding: 25px 0 17px 0;
	font-size: 20px;
	color: #00467f; }

h3, h4 { font-weight: bold; }

h3 { font-size: 14px; }

h4 { font-size: 12px;}

h5 {font-size: 11px;}



















/*	nawigacja */

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



















#center {
	width: 780px;
	margin: 0 auto; }























#foot {
		clear: both;
	width: 703px; height: 114px;
	background: url(../images/foot.gif);
	padding: 5px 60px 0 17px; }

	#foot .realizacja {
		float: left; }
	
	#foot a { color: #fff; }
	
	#foot .links {
		float: right;
		padding: 5px 0 0 0; }
	
	#foot .links a {
		border-right: 1px solid #fff;
		padding: 0 5px 0 5px; }
		
	#foot .last { border: none !important; }

	#foot .realizacja {
		line-height: 11px;
		font-size: 10px; }













#gallery {
	margin-right: -20px;
	padding: 20px 0 0 0; }

	#gallery a {
		float: left;
		margin: 0 6px 0 0; }
	
	#gallery a img {
		background: #ccc;
		border: 1px solid #003366;
		padding: 2px; }


	#gallery a:hover img { filter:alpha(opacity=80); -moz-opacity: .8; opacity: .8; }





/* formularz kontaktowy */

#kontakt fieldset {
    border: 1px solid #666;
    padding: 2em 0em 2em 1em; }


#kontakt input { line-height: 14px; }



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 20%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #111; }


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

















#left {
	position: absolute; top: -124px; left: 0;
	width: 189px; height: 486px;
	background: url(../images/produkty-w-promocji.jpg);
	padding: 40px 8px 0 0; }


	#left #produkty .item {
		float: left;
		width: 189px;
		margin: 0 !important;
		border-bottom: 1px solid #d2d2d2;
		padding: 0 0 5px 0 !important; }



	#left #produkty h5 { padding-top: 5px !important; }


















#main {
	float: left;
	position: relative;
	width: 780px; min-height: 427px; _height: 427px;
	background: url(../images/backt.jpg) no-repeat top;
	padding: 0 0 15px 0; }

























#menu {
	float: left;
	width: 583px; height: 32px;
	background: url(../images/m_produkty.gif) no-repeat left;
	padding: 0 0 0 197px; }

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

	a.galeria { width: 79px; background: url(../images/m_galeria.gif); }
	a.kontakt { width: 75px; background: url(../images/m_kontakt.gif); }
	a.mail { width: 89px; background: url(../images/m_mail.gif); }
	a.ocentrum { width: 96px; background: url(../images/m_centrum.gif); }
	a.promocje { width: 87px; background: url(../images/m_promocje.gif); }
	a.uslugi { width: 69px; background: url(../images/m_uslugi.gif); }
	a.witamy { width: 88px; background: url(../images/m_witamy.gif); }


	#menu a:hover { background-position: 0 -32px; }

















#page {
	float: left; min-height: 726px;
	background: url(../images/backc.gif) repeat-y; }



















#produkty img { border: 1px solid #c7c7c7; }

	#produkty .item {
		float: left;
		width: 122px;
		margin: 0 17px 0 17px;
		text-align: center; }

	#produkty .item:hover { text-decoration: none; }

	#produkty .item:hover img { border: 1px solid #003366; }
	
	#produkty .price {
		float: left;
		width: 100%;
		margin: -2px 0 0 0; }

	#produkty .row {
		clear: both;
		width: 746px; height: 1px;
		border-bottom: 1px solid #999;
		margin: 0 0 0 17px; _margin: 0 0 0 8px;
		padding: 17px 0 0 0; _padding: 0; }

	#produkty p {
		line-height: 14px;
		padding: 0px 0 5px 0;
		font-size: 11px;
		color: #6c6d6e; }

	#produkty h4, #produkty h3 {
		display: inline;
		color: #cc0000; }

	#produkty h5 {
		padding: 18px 0 2px 0;
		color: #00467f; }
























#right {
	float: right;
	width: 544px;
	padding: 0 15px 0 0; }














/* classess */

.anim {
	float: left;
	width: 780px; height: 267px; }

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

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

	
.loga {
	float: left;
	width: 780px; height: 44px; }
	
	
.zobacz {
	float: left;
	position: absolute; left: 0; bottom: 0;
	width: 189px; height: 58px;
	background: url(../images/b_zobacz.gif);
	text-indent: -1000px; }
	
	.zobacz:hover { background-position: 0 -58px; }