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

	created: sep 17, 2008
	
*/



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




address { font-style: normal; }




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



body {
	float: left;
	width: 100%;
	background: #880000 url(../images/backt.jpg) no-repeat top; }




a, address, body, input, h1, h2, h4, h5, h6, legend, li option, p, select, textarea, td {
	line-height: 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333; }



fieldset { border: none; }



img { border: none; }



input { font-size: 11px; }


ins { text-decoration: none; }




p { padding-bottom: 15px; }








/* nawgiacja */

a {
	text-decoration: none;
	color: #840000; }

a:hover {

	color: #de0000 !important; 
text-decoration:underline;}












/* nagýýwki */

h1, h2 {
	
	clear: both;
	width: 398px; height: 27px;
	margin: 29px 0 0 0;
	text-indent: -10000px; }

	h1.centrum { background: url(../images/h_centrum.gif); }
	h1.jak { background: url(../images/h_jak.gif); }
	h1.kontakt { background: url(../images/h_kontakt.gif); }
	h1.nasi { background: url(../images/h_nasi.gif); }
	h1.ocentrum { background: url(../images/h_ocentrum.gif); }
	h1.oferta { background: url(../images/h_oferta.gif); }
	
	
	h1.text {
		width: auto;
		margin-bottom: -10px;
		padding: 10px 0 0 10px;
		text-indent: 0;
		font-size: 22px;
		font-weight: bold;
		font-family: Trebuchet MS;

	}


h2 { margin: 10px 0 10px 0; }

	h2.dom { background: url(../images/h_pracownicy_dom.gif); }
	h2.ogrod { background: url(../images/h_pracownicy_ogrod.gif); }
	h2.warsztat { background: url(../images/h_pracownicy_warsztat.gif); }

	

h1, h3, h4, h5 { color: #870000; }
	
h3 { font-size: 18px; }
	

h4 {
	font-size: 12px;
	font-weight: bold; }

h5 {
	font-size: 11px;
	font-weight: bold; }



























#actions a {
	background: url(../images/arrow2.gif) no-repeat left 4px;
	float: right;
	padding: 0 0 0 12px; }











#aktualnosci {
	float: left;
	width: 573px;
	background: url(../images/aktualnosci_top.gif) no-repeat;
	padding: 42px 0 0 0; }

	#aktualnosci a {
		float: right;
		background: url(../images/arrow.gif) no-repeat right;
		margin-top: -5px;
		padding: 0 18px 0 0;
		font-size: 10px;
		font-weight: bold;
		color: #000; }
		
	#aktualnosci p { padding: 0; }

	#aktualnosci .content {
		float: left;
		width: 545px;
		background: url(../images/aktualnosci_content.gif) repeat-y;
		padding: 0 15px 0 13px; }

	#aktualnosci .content div {
		margin-bottom: 10px;
		padding: 0 0 0 46px;
		background: url(../images/icon_zajawka.gif) no-repeat left; }

	#aktualnosci .foot {
		float: left;
		width: 573px; height: 9px;
		background: url(../images/aktualnosci_foot.gif) no-repeat; }



#news-arch {

	float:right;
	text-align:right;
	height:30px;
	width:175px;
	margin-top:-1px;
	margin-right:10px;
	background: url(../images/news-arch.gif) top no-repeat;
	}
	
	#news-arch a {
	
		padding:8px 25px 0 0;
		background:none;
		}













#center {
	position: relative;
	width: 989px;
	margin: 0 auto;
	padding: 99px 0 0 0; }






	


#content {
	float: left;
	position: relative;
	background: url(../images/content_back.gif) repeat-y;
	_background-position: 1px; }
	
	#content .main {
		width: 573px; min-height: 718px; _height: 718px;
		padding: 0 17px 0 10px; }
	

#content ul {
	margin: 0px;
	padding: 0px 0px 0px 5em;
	list-style-position: outside;
}




#foot {
	float: left;
	width: 946px;
	height: 50px;
	background: url(../images/foot.gif) no-repeat;
	_background-position: 1px;
	padding: 23px 0 0 40px; }
	
	#foot a {
		padding: 0 10px 0 0;
		font-size: 11px;
		color: #ff9999; }

	#foot .links { float: left; }
	
	#foot .realizacja {
		float: right;
		font-size: 10px;
		line-height: 12px;
		text-align: right; }









#gallery a {
	float: left;
	margin: 5px 10px 0 0; }

#gallery img {
	border: 1px solid #990000;
	margin: 0 0 5px 0; }



/* 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; }











#logo {
	position: absolute; left: 0; top: 0;
	width: 250px; height: 88px;
	background: url(../images/empty.gif); 
	text-indent: -10000px; }














#menu {
	position: absolute; top: 0; left: 0;
	width: 599px; height: 19px; }

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

	#menu a:hover { background-position: 0 19px; }
	
	#menu .dla { width: 112px; background: url(../images/m_dla.gif); }
	#menu .dojazd { width: /*64px;*/80px; background: url(../images/m_dojazd.gif); }
	#menu .kontakt { width: /*95px;*/79px; background: url(../images/m_kontakt.gif); }
	#menu .ocentrum { width: 86px; background: url(../images/m_o.gif); }
	#menu .pracownicy { width: 88px; background: url(../images/m_pracownicy.gif); }
	#menu .promocje { width: 78px; background: url(../images/m_promocje.gif); }
	#menu .witamy { width: 76px; background: url(../images/m_witamy.gif); }




















#newsletter {
	position: absolute; top: 595px; right: 30px;
	width: 320px; height: 145px;
	padding: 27px 0 0 0; }
	
	#newsletter p { font-size: 11px; }
	
	#newsletter .adres { top: 112px; left: 3px; }
	
	#newsletter .button {
		position: absolute; top: 112px; right: 0;
		width: 72px; height: 27px;
		background: url(../images/button_wyslij.gif); }

	#newsletter .button:hover { background-position: 0 -27px; }

	#newsletter .field {
		position: absolute;
		width: 140px; height: 14px;
		background: none;
		border: none;
		padding: 3px; }

	#newsletter .imie { top: 81px; left: 3px; }
	
	#newsletter .tel { top: 81px; right: 2px; }
	
	#newsletter .wymagane {
		position: absolute; left: 0; bottom: 6px;
		font-size: 10px; }



















#nowe-produkty {}

	#nowe-produkty a {
		clear: both; float: left;
		width: 550px;
		padding: 15px 13px 10px 0;
		text-align: justify;
		color: #333; }
		
	#nowe-produkty a:hover { color: #333 !important; }
		
	#nowe-produkty h3 {
		padding: 0 0 10px 0;
		font-size: 15px; }
	
	#nowe-produkty img {
		float: left;
		margin: 0 10px 0 0;
		border: 2px solid #890d0d !important; }




























#pages {
	float: right;
	padding: 15px 13px 15px 0; }

	#pages a {
		float: left;
		line-height: 12px;
		padding: 3px;
		font-size: 10px;
		font-weight: bold;
		color: #890d0d; }
	
	#pages span { float: left; }

	#pages .nastepne, #pages .poprzednie {
		
		height: 18px;
		padding: 0;
		text-indent: -10000px; }
	
	#pages .nastepne {
		width: 72px;
		background: url(../images/button_nastepne.gif);
		margin: 0 0 0 5px; }
	
	#pages .poprzednie {
		width: 78px;
		background: url(../images/button_poprzednie.gif);
		margin: 0 5px 0 0; }



	#pages .nastepne:hover,
	#pages .poprzednie:hover {
		_filter:alpha(opacity=80);
		-moz-opacity: .8;
		opacity: .8; }

















#pracownicy, #gallery, #promocja.lista {
	float: left;
	margin-right: -25px; }

	#pracownicy div {
		float: left;
		width: 129px; height: 225px;
		margin-right: 15px;
		line-height: 14px;
		font-size: 11px;
		text-align: center; }
	
	#pracownicy h2 { margin-left: -10px; }

	#pracownicy img {
		border: 1px solid #990000;
		margin: 0 0 5px 0; }













#promocja {
	float: left;
	position: relative;
	width: 396px; height: 404px;
	background: url(../images/promocja.jpg);
	padding: 65px 0 0 177px; }
	
	#promocja.lista {
		width: auto; height: auto;
		background: none;
		padding: 0; }
	
	#promocja img { margin: 5px 0 5px 0; }

	#promocja .price {
		width: 110px !important;
		white-space: nowrap;
		padding: 0 !important;
		text-align: right;
		white-space: nowrap;
		float: left; }
		
	#promocja strong { font-size: 10px; }
	
	#promocja h3 {
		display: inline;
		font-size: 17px; }
	
	#promocja h5 { height: 30px; }
	
	#promocja .item {
		float: left;
		width: 175px;
		background: url(../images/promocja_back.gif) repeat-y;
		margin-left: 22px; _margin-left: 15px;
		text-align: center; }

	#promocja.lista .item { margin: 0 15px 15px 0; }

	#promocja .item .foot {
		float: left;
		width: 175px; height: 7px;
		background: url(../images/promocja_foot.gif) no-repeat;
		overflow: hidden; }

	#promocja .item .inside {
		background: url(../images/promocja_top.gif) no-repeat top;
		padding: 11px 0 0 0; }

	#promocja .item .inside div {
		float: left;
		width: 42px;
		height: 17px;
		padding: 0 0 0 10px; }

	#promocja .item .inside h5 { padding: 0 10px 0 10px; }

	#promocja .sprawdz { position: absolute; bottom: 187px; right: 98px; }








#text { padding: 15px 0 0 10px; }



#stat{
	float: left;
	width: 946px;
	height: 50px;
	padding: 0 0 0 10px; }








#zakupy {
	position: absolute; top: 434px; right: 0;
	width: 371px; height: 134px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }









#zalaczniki {
	clear: both;
	padding: 20px 0 30px 0; }

	#zalaczniki a {
		display: block;
		height: 31px;
		background: url(../images/zalacznik.gif) no-repeat left;
		line-height: 25px;
		margin: 0 0 8px 0;
		padding: 0 0 0 40px;
		color: #333; }










#zapraszamy {
	position: absolute; top: 761px; right: 53px;
	width: 311px; height: 81px;
	background: url(../images/zapraszamy.gif); }









/* classess */

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


.button:hover {
	filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9; }

.error { color: #ff0000; }


.h4 { font-size: 12px; }


.info, .lupka {
	float: left;
	width: 17px; height: 17px;
	margin-right: 4px;
	background: url(../images/icon_i.gif); }


.lupka { background: url(../images/icon_lupka.gif); }



.red {
	color: #990000;
}


.reklama {
	position: absolute; top: 46px; right: 17px;
	width: 126px; height: 146px; }


.sprawdz {
	width: 200px; height: 21px;
	background: url(../images/button_sprawdz2.gif); }
	
	.sprawdz:hover {
		background-position: 0 -21px;
	}