﻿body {
	margin:0px;
	padding:0px;
	font-family:Verdana;
	background:url('../gfx/bg.jpg') repeat-x #151517;
	font-size:11px;
	color:#fff;
	}

#contenair { width:auto; margin:auto; width:990px; }

a {text-decoration:none; color:#c06800; margin:0px;}
a:hover {text-decoration:underline; color:#fff;}
h1{ margin:5px 0px; color:#ffa800; font-size:15px; text-transform:uppercase; font-weight:bold; }


.zdjecie {border:2px solid #000; margin:0px;}
.zdjecie:hover{border:2px solid #ff8900;}
.photo { border:2px solid #000; }
.photo:hover{ border:2px solid #c0c0c0; }
.other-photo { border:2px solid black; margin:10px 10px 0px 0px;}
.other-photo:hover { border:2px solid #c0c0c0; }
.realizacje { font-size: 11px; color: #ece001; text-decoration: none; text-align: center;  margin: 10px 10px 10px 0px; border: 2px solid #c0c0c0; font-weight: bold;	padding:5px; }
.realizacje:hover {	border: 2px solid #f5a800; }
.input { background-color:#ededed; border:1px solid #000; }
/***************************************************/

#menu { width:100%; margin:0px; height:40px; text-align:center; }
#top { width:100%; height:134px; text-align:center; background:url('../gfx/top.jpg') no-repeat center; }
#banner { position:relative; float:left; margin:auto; height:301px; width:100%; text-align:center; }
#content { width:100%; margin: 15px 0px; background; min-height:200px;}

#left { width:200px; height:auto; position:relative; float:left; }

#search { width:152px;}
#search .submit {margin-top:10px; float:right;  border:0px; background:url('../gfx/szukaj.jpg'); height:23px; width:72px; position:relative; }
#search .input { border:0px; height:18px; position:relative; float:left; width:150px;}

#box {}
#box a { color:#c0c0c0; padding:5px 0px 5px 15px; display:block; margin:0px; border-bottom:1px solid #808080; width:135px;
background:url('../gfx/ul.gif') no-repeat; background-position:left center;}
#box a:hover { color:#c06800; text-decoration:none; }

#box .a2 {color:white; font-weight:bold;}
#box .selected { color:#ca468f;}
#box-top { position:relative; float:left; background:url('../gfx/categories-top.jpg') no-repeat; width:200px; height:34px; padding-top:25px; font-size:12px; padding-left:25px; }
#box-middle { position:relative; float:left; background:url('../gfx/categories-bg.jpg') repeat-y; width:200px; height:auto;	 padding-left:25px; }
#box-bottom { position:relative; float:left; background:url('../gfx/categories-bottom.jpg') no-repeat; width:200px; height:44px; }

#random {width:160px; text-align:center; margin-left:-5px;}
#random h1 {font-size:12px;}
#random p { text-align:center; font-size:9px; color:#c0c0c0; }

#right { width:775px; height:auto; position:relative; float:left; padding-left:15px; }
#right a { margin:5px 0px; color:#ffa800; font-size:11px; text-transform:uppercase; font-weight:bold; }
#right a:hover{ color:#ca468f; text-decoration:none;}
#right .font15 {font-size:15px;}

#produkty { width:190px; height:auto; position:relative; float:left; border-right: 1px dotted #dadada; text-align:center; margin:10px 0px;}
#produkty h1 {font-size:10px; margin-bottom:10px; padding:0px 10px;}
#produkty p { text-align:center; font-size:9px; color:#c0c0c0; padding:3px 10px;}
#produkty .opis { height:70px; overflow:hidden}
#break {position:relative; float:left; width:100%; border-top: 1px dotted #dadada; height:1px; clear:both; margin:10px 0px;  }

/**************** SCZEGÓŁY PRODUKTU ***************************************/
#produkt {position:relative; float:left; width:760px; padding:0px 10px;}
#back{width:100%; text-align:right;}
#back a { font-size:10px; font-weight:normal; color:#c0c0c0;}
#back a:hover { color:#fff;}
#product-name {width:100%; text-align:left; margin-bottom:15px;}
#product-name h1 { font-size:14px; color:#ffa800; margin:0px;}
#photo{position:relative; float:left; width:250px; text-align:center;  }
#description{position:relative; float:left; margin-left:30px; width:300px; text-align:justify;}
#photos{position:relative; float:left; width:100%;clear:both;margin:10px 0px;}

#footer { position:relative; float:left; border-top:4px solid #1d1d1f; height:80px;	width:100%; font-size:11px; padding-top:20px; text-align:center; color:#ff8900; margin-top:15px; }

#pager {clear:both; width:100%; text-align:center; float:left; position:relative; margin:10px 0px; }
#pager a {color:#c0c0c0; font-size:10px; border:1px solid #808080; padding:3px;}
#pager a:hover {background-color:#fffaeb; text-decoration:none; color:black;}
#pager .selected {background-color:#f0f4fa;}

/************   Zamawiany produkt **************************/
#zamawiany-produkt { width:250px; height:auto; position:absolute; right:0px; text-align:center; color:#c0c0c0;}


