/* obecné styly */
body {
  margin: 0 0 10px 0;
  color: #000;
  background: #fff;
}

li {
  margin: 0; padding: 0 0 10px 30px;
  background: url('../img/li.png') no-repeat transparent 12px 3px;
  list-style-type: none;
}
#content li, #head-ads li {
    background: url('../img/li2.png') no-repeat transparent 12px 3px;
}

.a-l { text-align: left; }
.a-r { text-align: right; }
.a-j { text-align: justify; }
.a-c { text-align: center; }
.fl-r { float: right; }
.fl-l { float: left; }

em { color: #23d; font-weight: bold; font-style: normal; }

.image-l img { border: 3px solid #ff3290; margin: 0 10px 10px 0; float: left; }
.image-r img { border: 3px solid #ff3290; margin: 0 0 10px 10px; float: right; }

table td { vertical-align: top; text-align: center; }
table th { height: 36px; background-color: #ddd; }
table tr.even td { background-color: #eee; }

fieldset { background-color: #eee; }


/* hlavicka */
#head { height: 324px; background: url('../img/head.jpg') no-repeat transparent; overflow: hidden; }

#head-ads { height: 72px; overflow: hidden; }
#head-ads ul { margin: 12px 0 0 15px; padding: 0; }
#head-ads ul li { width: 110px; float: left; display: block; }
#head-ads a { color: #333; }
#head-ads a:hover { color: #45f; }

#head .in { padding: 10px 0 0 30px; color: #fff; }
#head .in h1 { color: #fff; }
#head .in li { padding-left: 20px; background: url('../img/li3.png') no-repeat transparent 0px 3px; }
#head .in a { color: #fff; }
#head .in a:hover { color: #ccf; }

#head-more { padding: 8px 20px 0 25px; }
#head-more h3 { margin: 8px 0; }
#head-more .large { color: #ff3290; font-weight: bold; font-size: 16px; line-height:17px; display:inline-block; padding-bottom:4px; margin-bottom:0; }
#head-more p.description { height:72px; overflow:hidden; margin-bottom:12px; }

#logo {
  height: 50px; width: 350px;
  margin-bottom: 0;
  text-indent: -500px;
  overflow: hidden;
}
#logo a { display: block; width:100%; height:100%; }
#phrase { height: 22px; width: 350px; color: #444; text-align:center; }

/* levé menu */
#menu {}
.menu-in { background-color: #eee; padding: 15px 20px 5px 0; margin-bottom: 18px; }
.menu-in p { padding-left: 30px; }

.menu-title { height: 36px; overflow: hidden; text-indent: -500px; margin: 0; padding: 0; }
.m-menu { background: url('../img/menu-menu.png'); }
.m-eroticke-povidky { background: url('../img/menu-eroticke-povidky.png'); }
.m-doporucujeme { background: url('../img/menu-doporucujeme.png'); }
.m-proc-sex-po-telefonu { background: url('../img/menu-proc-sex-po-telefonu.png'); }
.m-proc-sex-chat { background: url('../img/menu-proc-sex-chat.png'); }
.m-vyhody-sex-seznamky { background: url('../img/menu-vyhody-sex-seznamky.png'); }

.menu-row, .menu-row-2 { margin: 0; font-size: 18px; line-height: 36px; }
.menu-row-2 { font-size: 15px; }

.menu-row a, .menu-row-2 a { height: 36px; display: block; background: url('../img/menu-back.png') 0 0; padding-left: 30px; }
.menu-row a:hover, .menu-row a.hover { background: url('../img/menu-back.png') -311px 0; color: #23d; }
.menu-row-2 a:hover, .menu-row-2 a.hover { background: url('../img/menu-back.png') -311px 0; color: #12b; }

#menu .main-nav ul, #menu .main-nav ul li { background: none; list-style-type: none; padding: 0; margin: 0; }

/* obsah stránky */
#content {}

.product .image-l img { margin-left: 18px; }

.product-title, .product-title-s { line-height: 36px; font-size: 19px; color: #ff3290; padding-left: 30px; background: #ddd; }
.product-title-s { font-size: 12px; color: #23d; float: right; padding-right: 30px; background: #ddd; }
.product-title span { font-size: 12px; color: #333; }
.product-desc { font-size: 13px; line-height: 18px; padding-left: 30px; margin-bottom: 15px; }
.product-nr-l, .product-nr-r { font-size: 13px; line-height: 18px; margin: 0 268px 5px 30px; padding-bottom: 10px; border-bottom: 1px solid #2e2a29; }
.product-nr-r { margin: 0 0 5px 285px; }
.product-nr-l img, .product-nr-r img { vertical-align: middle; }
.product-code { padding-left: 30px; }
.product-code img { vertical-align: middle; margin-left: 3px; }

.product .large { font-weight: bold; font-size: 16px; margin-bottom: 0; }
.product .quiet { color: #777; }

.ads { min-height: 36px; }
.ads, .ads-menu {
  border: 2px solid #eee;
  padding: 8px 15px 8px 15px;
  text-align: justify;
  background: #eee;
}
.ads:hover, .ads-menu:hover { border: 2px solid #999; background: #e0e0e0; }
.ads.hover, .ads-menu.hover { border: 2px solid #ff3290; background: #e0e0e0; }
.ads-desc { padding-right: 105px; }
.ads-reply { float: right; width: 80px; margin-right: 6px; text-align: center; font-size: 15px; font-weight: bold; line-height: 18px; }
.ads-reply a { color: #666; cursor: pointer; }
.ads:hover .ads-reply a { color: #23d; }

.ads-more .large { color: #ff3290; font-weight: bold; font-size: 16px; }
.ads-more em { font-size: 14px; line-height: 18px; }

.ads-categ { }
.ads-categ a { padding-left: 0; padding-right: 0; display: block; text-align: center; line-height: 18px; }


/* patička */
#foot { background: #f72787; font-size: 13px; color: #fff; }
#foot .in { padding: 9px;  }
#foot a { padding: 0 6px 0 0; color: #fff; }
#foot a:hover { color: #ccf; }

/* galerie */
.gal-cell { display: block; float: left; width: 125px; height: 150px; padding: 0 15px; margin: 5px 0; font-size: 14px; line-height: 14px; }
.gal-cell a img { border: 2px solid #999; filter: alpha(opacity:80, style=0); KHTMLOpacity = 0.8; MozOpacity = 0.8; opacity: 0.8; display: block; margin-bottom: 5px; }
.gal-cell:hover img { border: 2px solid #ff3290; filter: alpha(opacity:100, style=0); KHTMLOpacity = 1; MozOpacity = 1; opacity: 1; }
.gal-cell.last { padding-right: 0; }
.gal-cell .note { color: #666; font-size: 13px; }

/* stránkování */
.paging { font-weight: bold; line-height: 26px; font-size: 16px; text-align: center; height: 28px; overflow: hidden; }
.paging a, .paging strong { display: inline-block; height: 24px; padding: 0 6px; border: 2px solid #eee; background: #eee; text-decoration: none; }
.paging a:hover { border: 2px solid #999; background: #e0e0e0; }
.paging strong { background: #e0e0e0; border: 2px solid #999; }
