* { outline: none; border: 0px solid blue; }
	html {
	    margin: 0;
		padding: 20px 0 0 0;
		font-family: "Arial CE", Arial, Helvetica, Verdana;
		color: #fff;
		background: #000 url('../images/header_bg.gif') center 26px no-repeat;
	}

	body {
		margin: 0;
		padding: 0;
	}

	#komunikat {
		float: left;
		margin-left: 30px !important;
		margin-left/**/: 15px;
		color: #fff;
		font-weight: bold;
		padding-bottom: 20px;
		width: 440px;
		}
	#komunikat2 {
		width: 730px;
		float: left;
		color: #278327;
		font-weight: bold;
		padding: 10px 15px 10px 15px;
		background-color: #bdd178;
		border: 1px solid #278327;
		margin-bottom: 10px;
		font-size: 16px;
		}

	#page {
		width: 760px;
		margin: 0 auto;
		padding: 0;
	}

	#footer {
	    width: 100%;
		height: 120px;
		clear: both;
		float: left;
		margin: 25px 0 0 0;
		padding: 0;
		border-top: 1px solid #444444;
		background: url('../images/footer_bg.jpg') repeat-x;
	}

	#footer a { color: #666; text-decoration: none; padding: 0px 3px 0px 3px; }
	#footer a:hover { background-color: #fff; color: #000; }
	
	#footer p {
	    width: 700px;
		height: 120px;
		margin: 0 auto;
		padding: 0;
		background: url('../images/footer-logo.gif') center 29px no-repeat;
		font-size: 10px;
		color: #444444;
	}

	#footer p span.copyright {
	    float: left;
		margin: 45px 0 0 0;
		font-size: 10px;
	}

	#footer p span.author {
	    float: right;
		margin: 45px 0 0 0;
		font-size: 10px;
	}

	#header {
	    width: 760px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#topmenu {
	    width: 760px;
		float: left;
		margin: 0;
		padding: 0;

	}

	#header ul{
		margin: 0;
		padding: 0;
		float: right;
		text-align: right;
		list-style: none;
		font-size: 11px;
	}

	#header ul li{
		margin: 0;
		padding: 0 15px 0 15px;
		list-style: none;
		display: inline;
		font-size: 11px;
		border-right: 1px solid #fff;
		float: left;
	}

	#header ul li a{
		text-decoration: none;
		color: #c0cb00;
		font-size: 11px;
	}

	#header ul li a.basket{
		text-decoration: none;
		color: #c0cb00;
		font-size: 11px;
		padding: 0 0 0 15px;
		background: url('../images/basket_ico.gif') center left no-repeat;
	}

	#header ul li a:hover{ color: #fff; }

	#header dl{
	    width: 760px;
		margin: 45px 0 0 0;
		padding: 0;
		float: left;
		height: 144px;
		background: url('../images/mainmenu_bg.jpg') center bottom no-repeat;
	}

	#header dl span {
	    display: none;
	}

	#header dl dt{
	    width: 225px;
		height: 105px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#header dl dt a{
	    width: 225px;
		height: 105px;
	    background: url('../images/cdr-logo.jpg') no-repeat;
		float: left;
	}

	#header dl dd{
	    width: 106px;
		height: 105px;
		margin: 0 0 0 1px;
		padding: 0;
		float: left;
	}

	#header dl dd a{
	    width: 106px;
		height: 105px;
		float: left;
	}

	/*#header dl dd a.Informacje {
         background: url('../images/m_informacje.gif') no-repeat;
	}*/

	#header dl dd a.Zamowienie_online {
         background: url('../images/m_zamowienie_online.gif') no-repeat;
	}

	#header dl dd a.Oferta {
         background: url('../images/m_oferta.gif') no-repeat;
	}

	#header dl dd a.Portfolio {
         background: url('../images/m_portfolio.gif') no-repeat;
	}

	#header dl dd a.Klienci {
         background: url('../images/m_klienci.gif') no-repeat;
	}

	#header dl dd a.Kontakt {
         background: url('../images/m_kontakt.gif') no-repeat;
	}

	#header dl dd a:hover {
	    height: 83px;
	    margin: 22px 0 0 0;
	    background-position: 0px -105px;
	}

	#header dl dd a.tick {
	    height: 83px;
	    margin: 22px 0 0 0;
	    background-position: 0px -105px;
	}

	#offerbox{
		width: 760px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#homebox {
	    width: 760px;
		margin: 15px 0 0 0;
		padding: 70px 0 0 0;
		float: left;
		background: url('../images/homebox_top.jpg') no-repeat;
	}

	#homebox ul{
	    width: 760px;
		margin: 0;
		padding: 0 0 20px 0;
		float: left;
		background: url('../images/homebox_bottom.jpg') center bottom no-repeat;
		list-style: none;
	}

	#homebox ul li{
		margin: 0 1px 0 0;
		padding: 0;
		float: left;
        display: inline;
	}

* html #homebox ul li a.czytaj_wiecej { margin-bottom: -20px; }  /* IE lte 6 */
*+html/*/*/ #homebox ul li a.czytaj_wiecej { margin-bottom: -20px; }

	#homebox ul li a.czytaj_wiecej{
	    width: 110px;
		height: 22px;
		background: url('../images/czytaj_wiecej.jpg') no-repeat;
		float: right;
	}

	#homebox ul li a.zobacz_oferte{
	    width: 110px;
		height: 22px;
		background: url('../images/zobacz_oferte.jpg') no-repeat;
		float: right;
	}

* html #homebox ul li a.mapa_dojazdu { margin-bottom: -20px; }  /* IE lte 6 */
*+html/*/*/ #homebox ul li a.mapa_dojazdu { margin-bottom: -20px; }

	#homebox ul li a.mapa_dojazdu{
	    width: 110px;
		height: 22px;
		background: url('../images/mapa_dojazdu.jpg') no-repeat;
		float: right;
	}

	#homebox ul li.about{
		width: 225px;
		padding: 0 20px 0 30px;
	}

	#homebox ul li.about p{
		font-size: 11px;
		color: #666666;
		text-align: justify;
		line-height: 16px;
		margin: 0 0 20px 0;
	}

	#homebox ul li.offer{
		width: 230px;
		padding: 0 20px 0 18px;
	}

	#homebox ul li.offer ul{
		width: 230px;
        margin: 0 0 20px 0;
		padding: 0;
		background: none;
		font-size: 11px;
	}

	#homebox ul li.offer ul li{
		float: left;
		margin: 0;
		padding: 0;
	}

	#homebox ul li.offer ul li a{
		width: 210px;
		margin: 0 0 1px 0;
		padding: 7px 0 0 20px;
		display: block;
		height: 21px;
		background: #535252 url('../images/li_style.jpg') left center no-repeat;
		font-size: 11px;
		color: #f3973a;
		text-decoration: none;
	}

	#homebox ul li.offer ul li a:hover{
	    background: #ee8719 url('../images/li_style.jpg') left center no-repeat;
        color: #fff;
	}

	#homebox ul li.contact{
	    margin: 0;
		padding: 0 30px 0 23px;
		width: 162px;
		font-size: 11px;
	}

	#homebox ul li.contact p {
	    margin: 0 0 20px 0;
		padding: 0;
		width: 162px;
	}

	#homebox ul li.contact p span{
	    margin: 0;
		padding: 0;
		width: 162px;
		display: block;
	}

	#homebox ul li.contact p span a{
	    text-decoration: none;
		color: #f3973a;
	}

	#textmenu{
		width: 225px;
        margin: 0 1px 0 0;
		padding: 0;
		background: none;
		font-size: 11px;
        float: left;
        background: #282828 url('../images/textmenu_top.jpg') no-repeat;
	}

	#textmenu dl{
	    width: 213px;
		margin: 0;
		padding: 0 0 20px 12px;
		background: url('../images/textmenu_bottom.jpg') bottom center no-repeat;
		float: left;
	}
	#textmenu dl dl {
	    width: 183px;
		margin: 10px 0 0 0;
		padding: 0 0 20px 22px;
		background: none;
		float: left;
	}

	#textmenu dt {
	    color: #cccccb;
		font-size: 19px;
		float: left;
		padding: 30px 12px 20px 0;
		font-weight: normal;
	}

	#textmenu dd{
		float: left;
		margin: 0;
		padding: 0;
		margin: 0 0 1px 0;
	}

	#textmenu dd p {
		float: left;
		width: 181px;
		font-size: 12px;
		color: #cccccb;
		}
	#textmenu dd p b { color: #fff; }

	#textmenu dd a{
		width: 181px;
		margin: 0;
		padding: 7px 0 0 20px;
		display: block;
		height: 21px;
		background: #535252 url('../images/li_style.jpg') left center no-repeat;
		font-size: 11px;
		color: #f3973a;
		float: left;
		text-decoration: none;
	}
	#textmenu dl dl dd a{
		width: 181px;
		margin: 0;
		padding: 3px 0 0 0px;
		display: block;
		height: 21px;
		background: none;
		font-size: 11px;
		color: #f3973a;
		float: left;
		text-decoration: none;
	}

	#textmenu dd a.clearlink {
		width: auto;
		padding: 0;
		display: inline;
		float: none;
		background: none;
		font-size: 12px;
		}

	#textmenu dd a:hover {
	    background: #ee8719 url('../images/li_style.jpg') left center no-repeat;
        color: #fff;
 		margin: 0;
	}

	#textmenu dd a.stopclick:hover {
	background: #535252 url('../images/li_style.jpg') left center no-repeat;
        color: #f3973a;
 		margin: 0;
	}

	#textmenu dl dl dd a:hover {
	    background: none;
        color: #fff;
 		margin: 0;
	}

	#textmenu dd a.tick {
	    background: #ee8719 url('../images/li_style.jpg') left center no-repeat;
        color: #fff;
	}

	#textmenu dl dl dd a.tick {
	    background: none;
        color: #fff;
		font-weight: bold;
	}

	#text {
	    width: 534px;
		float: left;
		margin: 0;
		padding: 0 0 20px 0;
		background: #282828 url('../images/text_bottom.jpg') center bottom no-repeat;
	}

    *+html/*/*/ #text  { padding: 0 0 30px 0; }

	#text h2 {
	    width: 474px;
		float: left;
		margin: 0;
		background: url('../images/text_top.jpg') center top no-repeat;
	    color: #bcc900;
		font-size: 19px;
		padding: 30px 30px 20px 30px;
		font-weight: normal;
	}
	#text h3 {
	    width: 474px;
		float: left;
		margin: 0;
		background: none;
	    color: #bcc900;
		font-size: 17px;
		padding: 30px 30px 5px 30px;
		font-weight: normal;
	}

	#text h2.product {
	    text-align: right;
		color: #fff;
	}

	#text h2.product span{
	    color: #bcc900;
		float: left;
	}

	ul.product_menu {
	    float: left;
		width: 534px;
		margin: 0 0 15px 0;
		padding: 0;
		list-style: none;
		background: url('../images/ul_menu_bg.gif') repeat-x;
		height: 41px;
	}

	ul.product_menu li{
	    float: left;
		margin: 0;
		padding: 0;
		display: inline;
		height: 41px;
	}

	ul.product_menu li a{
	    float: left;
		margin: 2px 0 0 0;
		padding: 9px 20px 0 20px;
		height: 24px;
		font-size: 11px;
		color: #ee871b;
		text-decoration: none;
	}

	ul.product_menu li a:hover{
	    float: left;
		margin: 2px 0 0 0;
        padding: 9px 20px 0 20px;
		height: 29px;
		color: #000;
		background: #ee871b url('../images/ul_menu_tr.gif') bottom center no-repeat;
	}

	ul.product_menu li a.active{
	    float: left;
		margin: 2px 0 0 0;
        padding: 9px 20px 0 20px;
		height: 29px;
		color: #000;
		background: #ee871b url('../images/ul_menu_tr.gif') bottom center no-repeat;
	}

	#text p {
	    width: 474px;
		padding: 0px 30px 0px 30px;
		text-align: justify;
		font-size: 12px;
		color: #cccccb;
		line-height: 18px;
		margin: 0 0 20px 0;
		float: left;
	}

	#text p a {
		color: #F3973A;
		}
	#text ul.product_page {
	    width: 474px;
		padding: 0px 30px 0px 30px;
		font-size: 12px;
		color: #cccccb;
		margin: 0 0 20px 0;
		float: left;
		list-style: none;
	}

	#text ul.product_page li{
	    width: 474px;
		padding: 0 0 0 15px;
		margin: 0 0 2px 0;
		float: left;
		background: url('../images/list_dotted.gif') center left no-repeat;
	}

	#text a.zamow {
	    width: 474px;
		height: 35px;
		padding: 0;
		margin: 0px 30px 20px 30px;
		float: left;
		background: url('../images/a_zamow.gif') top right no-repeat;
	}

	#text a.zamow span{
	    display: none;
	}

	#text img.product {
	    width: 472px;
		border: 1px solid #fff;
		margin: 0 30px 0 30px;
		padding: 0;
		float: left;
	}

	#text p b {
		color: #fff;
		}

    #text ul.products {
		float: left;
		width: 534px;
		padding: 0;
		margin: 0 0 20px 0;
		list-style: none;
		background: url('../images/line.gif') top left no-repeat;

	}

    #text ul.products li{
		float: left;
		width: 474px;
		padding: 15px 30px 15px 30px;
		margin: 0;
		list-style: none;
		background: url('../images/line.gif') bottom left no-repeat;
    }

    #text ul.products li img {
        border: 1px solid #fff;
	    float: left;
	    margin: 0 10px 0 0;
    }

	#text ul.products li p{
		width: 200px;
	}
	#text ul.products li a{
        color: #fff;
		text-decoration: underline;
    }

	#text ul.products li a:hover{
	    text-decoration: none;
	}

    #text ul.products li h3{
        float: left;
		width: 200px;
	    font-size: 14px;
	    margin: 0 0 5px 0;
	    padding: 0;
	    display: block;
    }

    #text ul.products li h3 a{
        text-decoration: none;
	    color: #b0c919;
    }
    #text ul.products li div {
	    margin: 0;
		padding: 0;
		float: left;
		width: 300px;
	}

	#text ul.products li span.price {
	    float: right;
		font-weight: bold;
		width: 119px;
		text-align: right;
	}

    #text ul.products li p{
	    font-size: 11px;
	    margin: 0 0 0 5px;
	    padding: 0 0 0 10px;
	    display: block;
		float: left;
		line-height: 11px;
		background: url('../images/list_dotted.gif') center left no-repeat;
    }


	div.loga {
		float: left;
	    width: 474px;
		padding: 0px 0px 0px 30px;

		}
		.loga span {
			margin-right: 25px;
			margin-bottom: 30px;
			text-align: center;
			float: left;
			display: block;
			width: 120px;
			height: 90px;
			border: 5px solid #3b3b3b;
			}

	div.portfolio {
		float: left;
	    width: 474px;
		padding: 0px 30px 0px 30px;

		}
		.portfolio span {
			margin-right: 25px;
			margin-bottom: 30px;
			text-align: center;
			float: left;
			width: 130px;
			height: 140px;
			line-height: 22px;
			font-size: 11px;
			color: #ccc;
			}
			.portfolio span a {
				float: left;
				display: block;
				width: 120px;
				height: 120px;
				border: 5px solid #3b3b3b;
				}
			.portfolio span a:hover {		border-color: #f3973a; }
			.portfolio span a img { border: none; float: left; }


#contactForm {
	float: left;
	width: 520px;
	margin-top: 20px;
	}
	#contactForm a.gray {
		color: #CCCCCC;
		}
	#contactForm label {
		font-size: 9px;
		}
	#contactForm span {
		float: left;
		clear: both;
		width: 520px;
		padding: 0px 0px 5px 0px;
		}
		#contactForm span em {
			float: left;
			text-align: right;
			width: 140px;
			color: #999;
			font-style: normal;
			padding-right: 20px;
			padding-top: 5px;
			font-size: 11px;
			}
			#contactForm span input.tekst {
				font: 11px/11px "Arial CE", Arial, Helvetica, sans-serif;
				width: 300px;
				padding: 5px;
				background-color: #444444;
				border: 1px solid #000;
				color: #fff;
				}
			#contactForm span textarea {
				font: 11px/11px "Arial CE", Arial, Helvetica, sans-serif;
				padding: 5px;
				float: left;
				width: 300px;
				height: 120px;
				background-color: #444444;
				border: 1px solid #000;
				color: #fff;
				}

/* Google maps */
#google_map
{
	float: left;
	width: 450px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0px 35px !important;
	margin/**/: 10px 0 0px 17px;
}

#google_maker_msg
{
	display: block;
}

/* box na głównej z produktami ;) */
#products {
    float: left;
	width: 760px;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	background: url('../images/products_list_bg.gif') bottom left no-repeat;
}

#products dt{
    float: left;
	width: 760px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url('../images/products_list_h2.gif') no-repeat;
}

#products dt span { display: none; }

#products dd {
    float: left;
	margin: 15px 0 0 15px!important;
	margin/**/: 15px 0 0 10px;
	padding: 0;
	width: 235px;
}

#products dd img {
    border: 1px solid #fff;
	float: left;
	margin: 0 10px 0 0;
}

#products dd h3{
    float: left;
	font-size: 14px;
	margin: 4px 0 0 0;
	padding: 0;
	display: block;
}

#products dd h3 a{
    text-decoration: none;
	color: #b0c919;
}

#products dd p{
	font-size: 11px;
	margin: 0;
	padding: 0;
	display: block;
}
/* end */



a.buttonPrzelicz {
	   width: 149px;
	height: 35px;
	padding: 0;
	margin: 20px 30px 20px 30px;
	float: left;
	background: url('../images/button-przelicz.gif') top right no-repeat;
	text-indent: -999999px;
}

a.buttonZloz {
	   width: 140px;
	height: 35px;
	padding: 0;
	margin: 20px 15px 20px 30px;
	float: right;
	background: url('../images/button-zloz.gif') top right no-repeat;
	text-indent: -999999px;
}
a.buttonWroc {
	   width: 140px;
	height: 35px;
	padding: 0;
	margin: 20px 15px 20px 25px;
	float: left;
	background: url('../images/button-wroc.gif') top right no-repeat;
	text-indent: -999999px;
}

input.buttonZloz {
	   width: 140px;
	height: 35px;
	padding: 0;
	margin: 20px 15px 20px 30px;
	float: right;
	background: url('../images/button-zloz.gif') top right no-repeat;
	text-indent: -999999px;
	border: none;
}



.koszyk {
	float: left;
	font-size: 12px;
	margin-left: 30px !important;
	margin-left/**/: 15px;
	width: 480px;	}
.koszyk td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
	}
.koszyk td a {
	color:#B0C919;
	}
.koszyk th {
	font-size: 10px;
	text-transform: uppercase;
	color: #aaa;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
	}
.koszyknazwa {
	width: 200px;
	font-size: 14px;
	color:#B0C919;
	}

form.platnosci_form {
	width: 100%; text-align: center;
}
form.platnosci_form input.platnosci_select {
	/* przycisk "zaplac" */
}

.platnosci_form {
 /* formularz platnosci */
}

.platnosci_form .platnosci_submit {
 /* przycisk zaplac */
	width: 140px;
	height: 35px;
	padding: 0;
	margin: 20px 15px 20px 30px;
	float: right;
	background: url('../images/button-zaplac.gif') top right no-repeat;
	text-indent: -999999px;
	border: none;
}

/* tabela plikow */
#uploadify_actions {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.pliki {
	width: 96%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
	.pliki caption {
		font-weight: bolder;
		border-bottom: 2px solid #99b369;
	}
	.pliki th, .pliki td {
		border-bottom: 1px solid #99b369;
		empty-cells: show;
		height: 30px;
	}
	.pliki .edit {
		vertical-align: middle;
	}
		.pliki .edit div {
			float: left;
			width: 90%;
		}
		.pliki .edit img {
			float: right;
		}
	.pliki .opcje {
		width: 25px;
	}
	.pliki .nazwa {
		width: auto;
	}
	.pliki .opis {
		width: auto;
	}
	.pliki .center {
		text-align: center;
	}
	.pliki .middle {
		vertical-align: middle;
	}
	.pliki .right {
		text-align: right;
	}
	
	
	#transport_platnosc .fieldinput { float: left; margin-left:15px; }