﻿body { 	margin:0px; padding:0px; font-family:Arial; background:url('../gfx/bg.jpg') repeat-x #8dd0fd; font-size:12px; color:#444;	}

#contenair { margin:auto; width:900px;	height:auto; }

a {text-decoration:none; color:#7038bc;}
a:hover { text-decoration:underline;}
h1 { font-size:18px; color:#8c0000; font-weight:normal;}
hr { border:0px; border-top:1px dotted #808080;  height:0px; margin:0px;}
/***************************************************/

#top {position:relative; margin:auto; width:1000px; height:267px; background:url('../gfx/top.jpg') no-repeat center; }
#search {position:relative; float:left; margin-top:220px; margin-left:50px; height:25px; }

.input { position:relative;float:left; height:19px; width:150px; margin-right:10px;}
.submit { position:relative;float:left; border:0px; height:25px; width:82px;  background:url('../gfx/search.jpg') no-repeat}

#menu { height:35px; width:100%; text-align:center; font-size:14px; color:#FFF; margin-bottom:15px; margin-left:120px;}
#menu a { font-weight:bold; display:block; float:left; color:#fff; padding:10px 20px; }
#menu a:hover {background:url('../gfx/menu-a.jpg') repeat-x; color:#000; text-decoration:none;}

#content { position:relative; float:left; width:900px; height:auto; }

#left { position:relative; float:left; width:220px; }

#highlight {width:180px; height:15px; padding:10px; background:url('../gfx/box-bg-2.jpg') repeat-x; color:#fff; font-size:13px; font-weight:bold;}
#box { width:198px; border:1px solid #cce1fe; background-color:#FFF; font-size:13px; font-weight:bold; margin-bottom:15px;}
#box a { display:block; color:black; padding:8px 0px 8px 40px; border-bottom:1px solid #cce1fe;  background:url('../gfx/li-1.jpg') no-repeat left center; text-decoration:none;}
#box a:hover { background:url('../gfx/li-2.jpg') no-repeat #cce1fe left center;}
#box h1 {text-align:center; font-size:12px; font-weight:bold;}
#box .clear { padding:0px; background:none;}
#box .clear:hover { padding:0px; background:none;}
#box p{ font-size:10px; padding:5px 10px; }
#box .selected {  background:url('../gfx/li-2.jpg') no-repeat #cce1fe left center; }

#right { position:relative; float:left; width:670px; background:#fff; border:1px solid #cce1fe; padding-bottom:15px; }
#right-top {margin-bottom:15px; width:650px; height:15px; padding:10px; background:url('../gfx/box-bg-1.jpg') repeat-x; color:#fff; font-size:13px; font-weight:bold;}
#right-padding {padding:0px 15px; min-height:600px;}

#footer { margin-top:15px; position:relative; float:left; clear:both; text-align:center; padding-top:10px; height:25px; width:100%; font-size:11px; background:url('../gfx/footer-bg.jpg') repeat-x; color:#000; }
#footer a {	color:#000; font-weight:bold;}
#footer a:hover {	text-decoration:underline; }

#random {	text-align:center; }
#random a{background:none; margin:0px; padding:0px; border:0px;}
#random a:hover{background:none; margin:0px; padding:0px;}

#produkty { width:220px; height:auto; position:relative; float:left; border-right: 1px dotted #dadada; text-align:center;}
#produkty h1 {font-size:12px; margin-bottom:10px; font-weight:bold;}
#produkty p { text-align:center; font-size:9px; color:#404040; padding:3px 10px;}

#break {position:relative; float:left; width:620px; border-top: 1px dotted #dadada; height:1px; clear:both; margin:10px 20px; }

/**************** SCZEGÓŁY PRODUKTU ***************************************/
#produkt {position:relative; float:left; width:630px; padding:0px 10px;}
#back{width:100%; text-align:right;}
#product-name {width:100%; text-align:center; margin-bottom:15px;}
#product-name h2 { font-size:14px; color:#c60000;}
#photo{position:relative; float:left; width:300px; text-align:center;}
#description{position:relative; float:left; width:300px; text-align:justify;}
#photos{position:relative; float:left; width:100%;clear:both;margin:10px;}
.other-photo { border:1px solid silver; padding:6px; margin-right:10px; margin-bottom:10px;}
.other-photo:hover { border:1px solid red; }

#pager {clear:both; width:100%; text-align:center; float:left; position:relative; margin:10px 0px; }
#pager a {color:#404040; font-size:10px; border:1px solid #8dd0fd; padding:3px;}
#pager a:hover {background-color:#ffe99d;}
#pager .selected {background-color:#f0f4fa;}


/************   Zamawiany produkt **************************/
#zamawiany-produkt { width:250px; height:auto; position:absolute; right:0px; text-align:center; }
