/****************************************** * DEF. CONT. STYLY * ******************************************/ html { height: 100%;} body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;} body {background: #ffabd8 url(../img/bg-main.gif) repeat-x; margin: 0px; padding: 0px; text-align: center; height: 100%;} a {color: #FF31A0; text-decoration: underline;} a:hover {color: #FF6000; text-decoration: none;} p, div, ul, ol, li, form, input, select, textarea, img {padding: 0px; margin: 0px;} li {list-style: disc;} img {border: none;} label {cursor: pointer;} ul{ list-style-type: square;} ul ul{ list-style-type: disc;} ul ul ul{ list-style-type: none;} ul, ol { padding-left: 20px;} ul li { margin: 0 0 5px 0;} ol li { margin: 0 0 5px 0; list-style: decimal;} .clear {clear: both; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px;} .clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;} .flLeft {float: left;} .flRight {float: right;} .odtrzBG { background: url(../img/bg_line.gif) repeat-x left center;} .odtrzBG2 { background: url(../img/bg_line2.gif) repeat-x left center;} .odtrzBG3 { background: url(../img/bg_line3.gif) repeat-x left center;} .odtrzBG4 { background: url(../img/odtrh_01.gif) no-repeat left center;} .odtrzBG5 { background: url(../img/odtrh_02.gif) no-repeat right center;} .sS { font-size: 6px; height: 6px;} .sM { height: 20px;} .sL { height: 30px;} .sLL { height: 35px; margin: 15px 0;} /****************************************** * NADPISY * ******************************************/ h1,h2,h3,h4,h5 {color: #000; text-align: left; font-family: "Times New Roman", Times, serif; /*font-weight: bold;*/ padding: 0 0 15px 0; margin: 0px;} h1 { font-size: 200%; font-weight: normal; line-height: 90%;} h2 {font-size: 200%; font-weight: normal; line-height: 90%;} h3 {font-size: 160%;} h4 {font-size: 130%;} h5 {font-size: 100%;} #nadp { color: #FF6000; font-family: "Times New Roman", Times, serif; font-size: 240%; padding: 6px 0 20px 90px;} #nadp span { color: #fff; font-size: 60%; font-weight: bold;} /****************************************** * FORM PRVKY * ******************************************/ input, select, textarea { color: #FF6000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; /*margin: 2px 6px 2px 0;*/} input {/*padding-left: 1px; padding-right: 1px;*/} .sizeS {width: 50px;} .sizeSm {width: 75px;} .sizeM {width: 100px;} .sizeMl {width: 125px;} .sizeL {width: 150px;} .sizeLl {width: 175px;} .sizeXl {width: 200px;} .sizeXxl {width: 225px;} .sizeXxxl {width: 250px;} .sizeMax1 {width: 349px;} .sizeMax2 {width: 400px;} .sizeMax3 {width: 450px;} .odsLinka { height: 15px; margin: 0 0 10px 0;} /****************************************** * TABULKA * ******************************************/ table { border: solid 1px #EAEAEA; border-collapse: collapse;} th, td { border: solid 1px #EAEAEA; padding: 0px; margin: 0px;} th { color: #FF6000; text-align: left;} td { line-height: 150%;} .bg { background: #F5F5F5;} .noBrd { border: none;} .noBrd th, .noBrd td { border: none;} /****************************************** * IMG GALLERY * ******************************************/ #galerie {} #galerie a {color: #C2E6FC; border: solid 1px #7171AA; text-decoration: none; text-align: center; width: 122px; height: 76px; overflow: hidden; margin: 5px 4px; float: left; /*width: 120px; height: 85px;*/ display: block;} #galerie a strong {color: #FF6000;} #galerie a:hover {color: #FF6000; border: solid 1px #FF6000;} /****************************************** * IMG GALLERY * ******************************************/ #gallery {} #gallery td { border: none; vertical-align: middle; padding: 3px;} #gallery a {border: solid 1px #7171AA; text-decoration: none; text-align: center; width: 122px; height: 76px; display: block; overflow: hidden;} #gallery a strong {color: #FF6000;} #gallery a:hover {color: #FF6000; border: solid 1px #FF6000;} #partn { width: 100%; border-collapse: collapse; margin-top: 10px;} #mailing { /*border: solid 1px #ccc;*/ padding: 19px 0 10px 15px;} #mailing input { background: none; /*color: #fff;*/ margin: 0px; padding: 0px;} #mailing #mailPole { border: none; width: 112px; height: 16px; font-weight: bold; margin: 0 6px;} #mailing #mailButt { border: none; width: 26px; height: 26px; cursor: pointer;} #specBox {} #specBox h2 { background: url(../img/bg_spec_h2.gif) no-repeat; height: 24px; padding: 13px 0 0 30px;} #specBox #contSb { background: #f1f1f1; padding: 10px;} #specBox #contSb p { font-size: 90%; text-align: center;} #specBox #contSb p#img { border: solid 1px #FFDD53; height: 80px; overflow: hidden; margin-bottom: 5px;} #specBox #footSb { background: url(../img/bg_spec_foot.gif) no-repeat; height: 24px; padding: 5px 15px 0 15px;} a.next { font-size: 90%; font-weight: bold;} #contTable { } #contTable th, #contTable td { padding: 1px; margin: 0px;} #contTable th { } #contTable td { padding:2px 5px;} #contTable td textarea { width: 215px; } #leftCol #contTable td textarea { width: 150px;} #flIlustr { float: right; padding-left: 15px;} #flIlustr img { border: solid 2px #fff; /*margin-bottom: 10px;*/} #diskTable img { position: relative; top: 4px;} .reMail { color: #FF6000; padding-bottom: 12px; padding-left: 20px;} .reMail span { font-weight: bold; font-size: 140%;} .textMail { padding-left: 20px;} .butt { background: url(../img/butt_bg.gif) repeat-x; border: none; color: #fff; font-weight: bold; height: 19px; cursor: pointer;} .print { background: url(../img/ico_print.gif) no-repeat 10px 0px; padding-left: 40px;} .miniBl {padding: 0px; margin-bottom: 10px;} .miniBl p { line-height: 120%;} .miniBl .blInOds { height: 100%; padding: 0 10px;} .miniBl .bordIn { height: 100%; padding: 0 10px;} .miniBl h3 { padding: 0 0 5px 0;} .miniBl h3 a { color: #fff;} .miniBl td.txtBl { width: 40px;} .miniBl td input, .miniBl td textarea, .miniBl td select { width: 120px;} .miniBl .top {height: 6px; line-height: 6px; font-size: 6px;} .miniBl .top div {height: 6px; line-height: 6px; font-size: 6px;} .miniBl .bott {height: 6px; line-height: 6px; font-size: 6px;} .miniBl .bott div {height: 6px; line-height: 6px; font-size: 6px;} fieldset { border: solid 1px #7171AA;} fieldset legend { border: solid 1px #7171AA; background: #000188; font-weight: bold; padding: 3px;} .news {} .news a { color: #fff; text-decoration: none;} .news a:hover { color: #FF6000; text-decoration: underline;} /****************************************** * DEF. LAYOUT BLOCK * ******************************************/ /*** main ********************************************/ #main { text-align: center; padding: 0 0 20px 0; /*height: 100%;*/ } #mainOds {background: #fff url(../img/bg_cont.gif) repeat-y; text-align: left; width: 872px; margin: 0 auto; padding: 0px;} /****************************************** * HEAD * ******************************************/ #headImg { /*background: Aqua;*/ width: 214px; margin: 10px 0; position: relative;} #headImg.hImg00 { background: url(../img/motiv00.gif) no-repeat left top; height: 342px; margin-top: -13px;} #headImg #hImg00Dopl { background: url(../img/motiv00d.gif) no-repeat left top; width: 226px; height: 240px; position: absolute; left: -12px; top: -12px; z-index: auto;} #headImg.hImg01 { background: url(../img/motiv01.gif) no-repeat left top; height: 276px;} #headImg #hImg01Dopl { background: url(../img/motiv01d.gif) no-repeat left top; width: 196px; height: 202px; position: absolute; left: -12px; top: -17px; z-index: auto;} #headImg.hImg02 { background: url(../img/motiv02.gif) no-repeat left top; height: 276px; margin-top: -10px;} #headImg #hImg02Dopl { background: url(../img/motiv02d.gif) no-repeat left top; width: 196px; height: 202px; position: absolute; left: -12px; top: -17px; z-index: auto;} #headImg.hImg03 { background: url(../img/motiv03.gif) no-repeat left top; height: 353px;} #headImg #hImg03Dopl { background: url(../img/motiv03d.gif) no-repeat left top; width: 196px; height: 202px; position: absolute; left: -12px; top: -2px; z-index: auto;} #headImg.hImg04 { background: url(../img/motiv04.gif) no-repeat left top; height: 280px; margin-top: -10px;} #headImg #hImg04Dopl { background: url(../img/motiv04d.gif) no-repeat left top; width: 196px; height: 202px; position: absolute; left: -12px; top: 0px; z-index: auto;} #headImg.hImg05 { background: url(../img/motiv05.gif) no-repeat left top; height: 280px; margin-top: -10px;} #headImg #hImg05Dopl { background: url(../img/motiv05d.gif) no-repeat left top; width: 196px; height: 280px; position: absolute; left: -12px; top: 0px; z-index: auto;} #content {background: url(../img/bg_cont.jpg) no-repeat;} #contIn { background: url(../img/head.gif) no-repeat center top; width: 100% } /****************************************** * LEVY SLOUPEC * ******************************************/ #leftCol { width: 214px; padding: 0px; margin: 0; float: left; overflow: hidden;} /*#leftCol { width: 185px; padding: 0 14px 0 15px; margin: 0; float: left;}*/ #leftCol h2 { background: url(../img/h-ico.gif) no-repeat left top; padding-left: 30px;} #leftCol h2 { background: url(../img/h-ico.gif) no-repeat left top; padding-left: 30px;} #logo { width: 185px; height: 88px; margin: 0 auto; text-decoration: none; display: block;} #leftCol #menu { width: 171px; height: 220px; padding: 25px 0 0 15px; position: relative;} #leftCol #menu a { background: url(../img/ico-menu.gif) no-repeat left 7px; text-decoration: none; height: 24px; line-height: 24px; padding-left: 15px; display: block;} #leftCol #menu a.end { border-bottom: none;} #leftCol #menu a:hover { color: #FF6000; text-decoration: underline;} #leftCol #menu a.act { color: #FF6000; } #leftCol .odtrzLBG { height: 20px;} #leftCol table { border: none; margin-left: 8px;} #leftCol table td { color: #000; border: none;} /****************************************** * CENTR SLOUPEC * ******************************************/ #centerCol { width: 658px; float: left; background: /*aqua*/ url(../img/head-right.gif) no-repeat right top;} #centerCol h1 { background: url(../img/h1-ico.gif) no-repeat left top; padding-left: 30px;} #centerCol h2 { background: url(../img/h-ico.gif) no-repeat left top; padding-left: 30px;} #centerCol h3 { padding: 15px 0 5px 30px; font-weight: normal;} #centerCol p { line-height: 140%;} #centerCol.big { width: 540px;} #centerCol #ods.noInic p { text-indent: 0px;} #prodTable { } #prodTable td { line-height: 130%; } a.prodOdk { color: #fff; font-size: 150%; font-weight: bold; text-decoration: none; width: 106px; height: 74px; padding: 20px 110px 20px 20px; display: block;} a.prodOdk span { color: #FF6000; font-size: 65%; font-weight: normal; margin-top: 5px;} a:hover.prodOdk { color: #FF6000; } a:hover.prodOdk span { color: #FF6000;} a.prodOdk.img01 { background: url(../img/prod-butt01.gif) no-repeat;} a.prodOdk.img02 { background: url(../img/prod-butt02.gif) no-repeat;} a.prodOdk.img03 { background: url(../img/prod-butt03.gif) no-repeat;} a.prodOdk.img04 { background: url(../img/prod-butt04.gif) no-repeat;} #centerCol #prodTableDet td { padding-left: 15px; vertical-align: top } #centerCol #prodTableDet td #foto a { color: #fff; background: #FF6000; text-decoration: none; padding: 1px 2px; } #centerCol #prodTableDet td#imgProd { padding-left: 0px; } #centerCol #prodTableDet td#imgProd img { border: solid 2px #fff; } #centerCol #prodTableDet td p { text-indent: 0px;} #vel { width: 100%;} #vel th,#vel td { padding: 2px;} #vel th { border: none; text-align: center;} #vel td { border: dotted 1px #ccc; border-left: none; border-right: none; text-align: center;} .bgLine {background: #FFF0CE} /*** TABULKA *********************************/ #centerCol #ods table.line { border: none; border-top: double #EAEAEA; border-bottom: double #EAEAEA; width: 100%; margin: 10px 0 30px 0;} #centerCol #ods table.line th, #centerCol #ods table.line td { background: #000184;} #centerCol #ods table.line tr { border-bottom: solid 1px #EAEAEA;} #centerCol #ods table.line th { border-bottom: double #EAEAEA; border-left: none; border-right: none; font-size: 110%; padding: 10px 5px;} #centerCol #ods table.line td {border-left: none; border-right: none; vertical-align: top; padding: 10px 5px;} #centerCol #ods table.klasik { width: 100%; margin: 10px 0 30px 0;} #centerCol #ods table.klasik td { color:#000066; border: solid 1px #EAEAEA; background: #fff;} #centerCol #ods table.klasik tr { /*border-bottom: solid 1px #EAEAEA;*/} #centerCol #ods table.klasik th { color: #fff; background: #FF6000; font-size: 110%; padding: 5px;} #centerCol #ods table.klasik td { vertical-align: top; padding: 2px 5px;} .bubleBl { background: url(../img/buble-cont.gif) repeat-y right bottom; margin-top: 40px;} .bubleBl .bubleCont { background: url(../img/buble-bott.gif) no-repeat right bottom; height: 100%; padding: 0 60px 35px 20px;} .bubleBl .bubleCont p { color: #000; padding: 0 0 0 30px;} .bubleBl .bubleCont table { margin: 0 0 0 30px;} .bubleBl .bubleCont #detTable { border: none;} .bubleBl .bubleCont #detTable td { color: #FF31A0; font-size: 130%; border: none; padding: 5px;} .bubleBl .bubleCont #detTable td strong { color: #000; font-size: 80%;} .leftBl {padding: 0px; margin-bottom: 10px; margin-left: 15px;} .leftBl p { color: #000; line-height: 120%;} .leftBl p#payText { padding: 10px;} .leftBl p#payText strong { font-size: 120%;} .leftBl .blInOds { background: url(../img/left-bg-cont.gif) repeat-y; height: 100%; padding: 0 10px;} #leftCol .leftBl h2 { background: url(../img/h-ico-left.gif) no-repeat left top; padding-left: 30px;} .leftBl h3 { padding: 0 0 5px 0;} .leftBl h3 a { color: #fff;} .leftBl td.txtBl { width: 40px;} .leftBl td input, .miniBl td textarea, .miniBl td select { width: 120px;} .leftBl #buttLogin { color: #fff; background: url(../img/butt-login.gif) no-repeat; border: none; font-size: 140%; font-weight: bold; letter-spacing: -1px; cursor: pointer; width: 165px; height: 54px; padding: 0px;} .leftBl #buttPay { color: #fff; background: url(../img/butt-paym.gif) no-repeat; border: none; font-size: 140%; font-weight: bold; letter-spacing: -1px; cursor: pointer; width: 165px; height: 54px; padding: 0px;} .leftBl .top { background: url(../img/left-bg-top.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;} .leftBl .bott { background: url(../img/left-bg-bott.gif) no-repeat left top; height: 15px; line-height: 15px; font-size: 15px;} .rightBl {padding: 0px; margin-bottom: 10px;} .rightBl p { line-height: 120%;} .rightBl .blInOds { background: url(../img/right-bg-cont.gif) repeat-y; height: 100%; padding: 0 0 0 20px;} .rightBl h3 { padding: 0 0 5px 0;} .rightBl h3 a { color: #fff;} .rightBl td.txtBl { width: 40px;} .rightBl td input, .miniBl td textarea, .miniBl td select { width: 120px;} .rightBl .top { background: url(../img/right-bg-top.gif) no-repeat; height: 10px; line-height: 10px; font-size: 10px;} .rightBl .bott { background: url(../img/right-bg-bott.gif) no-repeat left top; height: 15px; line-height: 15px; font-size: 15px;} #bgHeart { background: url(../img/bg-bubl-cont.jpg) no-repeat right top;} #buttPole { margin: 10px 0; padding: 0 0 0 10px;} #buttPole .imgButt01 { float: left;} .imgButt01 { color: #fff; font-size: 140%; font-weight: bold; letter-spacing: -1px; width: 124px; height: 40px; padding: 15px 0 0 55px; margin-right: 43px; display: block; text-decoration: none;} .imgButt01.end { margin-right: 0px;} a:hover.imgButt01 { color: #fff; text-decoration: underline;} .butt01 { background: url(../img/butt-info.gif) no-repeat;} .butt02 { background: url(../img/butt-kont.gif) no-repeat;} .butt03 { background: url(../img/butt-free.gif) no-repeat;} .butt04 { background: url(../img/butt-girl.gif) no-repeat;} .butt05 { background: url(../img/butt-back.gif) no-repeat;} #imgButtPay { color: #fff; background: url(../img/butt-paym.gif) no-repeat; font-size: 140%; font-weight: bold; letter-spacing: -1px; width: 112px; height: 40px; padding: 15px 0 0 55px; margin-right: 43px; display: block; text-decoration: none;} #imgButtLog { color: #fff; background: url(../img/butt-login.gif) no-repeat; font-size: 140%; font-weight: bold; letter-spacing: -1px; width: 112px; height: 40px; padding: 15px 0 0 55px; margin-right: 43px; display: block; text-decoration: none;} #imgButtLogout { color: #fff; background: url(../img/butt-logout.gif) no-repeat; font-size: 140%; font-weight: bold; letter-spacing: -1px; width: 112px; height: 40px; padding: 15px 0 0 55px; margin-right: 43px; display: block; text-decoration: none;} #imgButtPay02 { color: #fff; background: url(../img/butt-paym2.gif) no-repeat; font-size: 140%; font-weight: bold; letter-spacing: -1px; width: 130px; height: 40px; padding: 15px 0 0 55px; margin-right: 43px; display: block; text-decoration: none; float: left;} #leftCol .girlTable { border: none; border-collapse: collapse; margin: 0px; /*width: 600px;*/} .girlTable tr { border: none;} .girlTable td { border: none; width: 152px; padding: 5px 0;} .girlTable td .imgBlock { border: solid 1px #ff31a0; background: #fff; width: 126px; height: 90px; position: relative;} .girlTable td .imgBlock a { text-decoration: none; display: block; border: none;} .girlTable td .imgBlock a.buttFo { width: 20px; height: 20px; position: absolute; right: -20px; top: -1px; z-index: auto;} .girlTable td .imgBlock a.buttFo.icoSend { background: url(../img/paste-ico.gif) no-repeat;} .girlTable td .imgBlock a.buttFo.icoDel { background: url(../img/delete-ico.gif) no-repeat;} .girlTable td .imgBlock a.foto { text-align: center; width: 126px; height: 90px; overflow: hidden;} .leftBl {padding: 0px; margin-bottom: 10px; margin-left: 15px;} .leftBl .girlTable td { color: #000; background: url(../img/left-teble-td-bg.gif) no-repeat; width: 151px; padding: 10px 0 14px 10px;} .leftBl .girlTable td p.price { color: #000; background: url(../img/price-ico.gif) no-repeat left 3px; padding: 0 0 0 20px; margin: 4px 0 2px 0;} #age { padding: 0 0 5px 10px; margin: 0 0 10px 0;} #age p { font-size: 140%; } #age p span { color: #fff; background: url(../img/butt-age.gif) no-repeat; font-weight: bold; width: 60px; padding: 2px 10px; display: block; float: left;} #flag { background: url(../img/bg-flag.gif) no-repeat center 12px; text-align: center; margin: 10px 0;} #flag a { color: #808080; text-decoration: none; width: 60px; height: 15px; padding: 45px 0 0 0; margin: 0 29px; float: left; display: block;} html>body #flag a { margin: 0 34px;} #flag #en { background: url(../img/en-butt.gif) no-repeat center top;} #flag #de { background: url(../img/de-butt.gif) no-repeat center top;} #flag #cz { background: url(../img/cz-butt.gif) no-repeat center top;} #flag #sp { background: url(../img/sp-butt.gif) no-repeat center top;} #flag #fr { background: url(../img/fr-butt.gif) no-repeat center top;} .pager { background: url(../img/bg-pager.gif) no-repeat left top; height: 36px; margin-top: 5px;} .pager p { padding: 7px 20px 0 20px;} #leftCol .pager { background: url(../img/bg-pager-left.gif) no-repeat left top; width: 160px; height: 36px; margin-top: 5px;} #leftCol .pager p { line-height: 31px; padding: 0 0 0 5px;} .pager p a { padding: 2px;} .pager p a.act { color: #fff; background:#FF31A0; padding: 2px 5px; text-decoration: none;} .textBl { padding: 0 0 0 50px; margin-bottom: 30px;} #centerCol .textBl h3 { padding-left: 0px;} #centerCol .textBl h4 { padding: 0px;} #centerCol .textBl p { padding-right: 40px;} #centerCol .textBl ol { padding-right: 40px;} #centerCol .textBl td { padding: 5px 2px;} #user { font-size: 140%; font-weight: bold; margin-bottom: 10px;} /****************************************** * FOOTER * ******************************************/ #footer { color: #000; background: url(../img/bg_foot.gif) no-repeat center top; height: 40px; padding: 10px 10px 0 10px;} #footMenu { text-align: center; margin: 0 auto;} #footMenu a { text-decoration: none; /*float: left;*/ padding: 0 10px;} #footMenu a:hover { color: #FF6000; text-decoration: underline;} #develop { font-size: 90%; padding-top: 5px; text-align: center; ;} #develop a {} .posit { width: 600px; height: 1px; line-height: 1px; position: absolute;} .posit #add { background: url(../img/bg-add.gif) no-repeat; width: 198px; height: 165px; padding: 51px 0 0 13px; left: 688px; bottom: 11px; position: relative; z-index: auto;} .posit #add a {} /** Pixels links */ .pxl-map{width:83px;margin:0 auto;} .pxl-map a,.pxl-map a:hover,.pxl-map a:link,.pxl-map a:visited{text-decoration:none;background:none;} a.pxl-map-link, img.pxl-map-px{margin:0;padding:0;} a.pxl-map-link {width:3px;height:3px;} img.pxl-map-px{width:1px;height:1px;border:1px solid gray;} /* end pixels links */