/* zerownik */
html,body,div,span,img,p,a,ul,li,ol, h1,h2,h3,h4,h5,dl,dt,dd,hr{margin:0;padding:0;border:0;list-style:none;}
/* ogolne */
body{text-align:center;background:#f2f2f2;}
p,a,div,td{font: 12px Tahoma,Verdana,sans-serif;color: #444;}
a{text-decoration: none}
a:hover{text-decoration: underline}
.tresc p{font: 13px/18px Verdara, Tahoma, sans-serif; }
/* elementy stale */
#box{text-align:center;background: #FFF url(../gallery/serwis/body/bgBody.gif) repeat-x 0 0; padding-bottom:20px;}
#boxBottom{background:#eeeeee url(../gallery/serwis/footer/bg.gif) repeat-x 0 0;clear:both;}
.main{margin: auto; width:750px;text-align:left;}
#top{background:yellow}
#content{}
#footer{text-align:right;clear:both;}
/* after */
#kamienie:after, #footer:after, #nav_author:after, .tablica:after, #wymiary:after, #tablica:after, #index:after, .sL3:after, .sL2:after, .sL4:after, .sL0:after, .sL:after{content:'.'; display:block;height:0;clear:both;visibility:hidden;}
#nav_author, .tablica, #wymiary, #tablica, #index, .sL3, .sL2, .sL4, .sL0, .sL {display: inline-table;}
/* Hides from IE-mac \*/
* html #footer,* html #nav_author,* html .tablica, #wymiary,* html #tablica,* html #index,* html .sL3,* html .sL2,* html .sL4,* html .sL0,* html .sL {height: 1%;}
#footer, #nav_author, .tablica, #wymiary, #tablica, #index, .sL3, .sL2, .sL4, .sL0, .sL {display: block;}
/* End hide from IE-mac */
/* naglowek */
#top {background: url(../gallery/serwis/top/logo.jpg) no-repeat;}
#top a{display:block; height:172px;}
#track{height:32px;background: url(../gallery/serwis/top/logo2.jpg) no-repeat 461px 0;color: #6A2E12; padding:3px 0 0 10px;}
#track *{color:#6A2E12; word-spacing: 2px;font-size:10px;}
/* pomoce */
.hide{display:none}
.left{float:left}
.right{float:right}
.docName{background: url(../gallery/serwis/top/logo3.jpg) no-repeat 461px -3px;border-bottom:#eee solid 1px;margin-bottom:10px;}
.docName img{margin-left:10px}
/* sekcje */
.sE {float:left;}
.sL2 .sE{width:50%;padding-bottom:10px;}
.sL3 .sE{width:33%;padding-bottom:10px;}
.sL4 .sE{width:25%;padding-bottom:10px;}
/* footer */
ul#nav_author{list-style:none;width:168px;float:right;padding-top:5px;}
ul#nav_author li{float:left;width:84px;height:20px;}
#nav_author #akonet a{background-image:url(../gallery/serwis/footer/akonet.gif);}
#nav_author #freeweb a{background-image:url(../gallery/serwis/footer/freeweb.gif);}
#nav_author a{display:block;left:0;top:0;width:84px;height:20px; background-position: 0px 0px;}
#nav_author a:hover{background-position:0 -20px;}
#footer .menuExtra {float:left; margin-left:60px;}
#footer .copy{float:right; margin-right:12px;}
#footer .sE{text-align:center;}
#footer .sE img{margin: 13px auto 7px auto }
#footer .content{float:left;margin:5px 0 10px 0;}
#footer .content *{font-size:11px;}
/* index */
#index .menu{width:250px;float:right; }
#index .content{width:490px;float:left;}
#index .sL3{ height:280px;text-align:center;}
#index .sL3 .sE{height:255px; float:left;border: #f1f1f1 solid 1px; width: 155px;margin-right:5px;background: url(../gallery/serwis/index/content/bg1.gif) no-repeat;}
#index .sL3 .sE1{margin-left:0px;}
#index .sL3 img{margin:auto}
#index .sL3 div{height:250px}
#index .sL3 a{position:relative;height:260px;display:block;cursor:pointer;}
#index .sL3 a span{position:absolute;left:20px;display:block;width:130px;top:10px;}
#index .sL3 a span.no{z-index:2;}
#index .sL3 a span.hv{visibility:hidden;z-index:99;}
#index .sL3 a img.info{position:absolute;left:0px;bottom:0px;padding:0px;margin:0px;}
.kamienie_flash{text-align:center}
.kamienie_flash div{padding:2px;border:1px #f1f1f1 solid;}
#index #polecamy{min-height:100px}
* html #index #polecamy{height:100px}
/* content */
.tresc *, .tresc{font-size:12px; line-height:18px}
#content .content{padding: 0 10px 0 10px}
/* tablica */
#tablica .tablica{width:500px;float:left;border:0px; margin-top:0px;}
#tablica .rodzaje{width:200px; float:right;border-top:#eee solid 1px;padding-top:5px;}
#tablica .rodzaje a {display:block;padding:6px;border-bottom:#f7f7f7 solid 1px;position:relative;}
#tablica .rodzaje a span{position:absolute;left:90px;top:30px;text-transform:capitalize;color:#666}
#tablica .rodzaje a:hover{background:#f9f9f9}
#tablica .rodzaje img.rodzaj{border: #f7f7f7 solid 1px; padding:2px}
#tablica .info *{font-size:11px}
table.opis{width:100%;margin-top:10px;}
table.opis{border-top:#ddd solid 1px;border-left:#ddd solid 1px;}
table.opis td{border-right:#ddd solid 1px;border-bottom:#ddd solid 1px;padding:3px;text-align:center;}
/* wymiary */
#wymiary .tablice{float:left;width:500px;}
#wymiary .menu {float:right;width:200px; border-top:#eeeeee solid 1px; margin-top:10px; padding-top:10px;}
#wymiary .tablica{cursor:pointer}
#wymiary .tablica a:hover{text-decoration:none}
.tablica{border: #eeeeee solid 1px;margin: 5px 0 10px 0;}
.tablica img{float:right;border:#DDDDDD solid 1px;margin-top:10px;margin-right:10px;}
.tablica h2{border-bottom:#f2f2f2 dotted 1px; background:#f8f8f8 url(../gallery/serwis/index/content/bg1.gif) no-repeat 0 0;}
.tablica h2 a{font-size:20px;color:#9c0000;display:block;padding-left:20px;line-height:30px;position:relative}
.tablica .more{color:#9c0000; padding:10px;display:block;text-align:right;}
.tablica .info{width:310px; margin-left:10px;margin-bottom:10px;}
.tablica .info *{font-size: 9px;border-color:#dddddd;}
.tablica tr{background:#f7f7f7}
.tablica .info * td{padding:5px}
#wymiary .menu ul li{border-bottom:#f7f7f7 solid 1px; background: url(../gallery/serwis/wymiary/arrow.gif) no-repeat 1% 50%}
#wymiary .menu li a{display:block;text-decoration:none;color:#444;padding-left:15px;line-height:17px;}
#wymiary .menu li a:hover{background:#f9f9f9 url(../gallery/serwis/wymiary/arrow.gif) no-repeat 2% 50% }
/* kamienie */
#kamienie div.img{width:120px; float:left;height:130px;text-align:center;}
#kamienie img{margin:auto;border: #d9d9d9 solid 1px;}
#kamienie .img a {display:block;text-align:center;margin:auto;border:#fff solid 2px;margin:0 6px 0 6px;height:120px;position:relative;}
#kamienie .img a:hover{border:#FAAD39 solid 2px;background:#f2f2f2;text-decoration:none;}
#kamienie .img a span{display:block;text-transform:capitalize;font-size:11px;color:#666;text-align:center;margin-bottom:3px;position:absolute;bottom:0px;width:100px;left:0px;}
.strony {text-align:center;margin-top:20px;margin-bottom:20px;clear:both;}
.strony a{padding:10px;margin:3px;border:#ddd dotted 1px;}
.strony a:hover{background-color:#eee}