html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 12px; outline: 0; padding: 0; margin: 0; border: 0; }

body                        { background: #7E9BB8; color:#FFFFFF; font-family: 'Open Sans', sans-serif; }

A                           { text-decoration: none; color: #CCFF99; }
A:hover                     { text-decoration: underline; color: #F9200B; }
a img                       { border: 1px solid #517395; }
a:hover img                 { border: 1px solid #F9200B; }

H1                          { font-size: 175%; color: #FFFFCC; font-weight: bold; text-align: center; margin: 20px 0 10px 0; }
H2                          { font-size: 170%; color: #F6345D; font-weight: bold; display: inline; }
H3                          { color:#F1F2B5; text-align: center; font-weight: bold; font-size: 140%; padding-top: 15px; }
H4                          { color:#F1F2B5; text-align: center; font-weight: bold; font-size: 110%; padding-top: 17px; }
hr                          { width: 80%; margin: auto; margin-top: 30px;
                              border: 0;
                              height: 1px;
                              background: #000;
                              background-image: -webkit-linear-gradient(left, #fff, #000, #fff);
                              background-image: -moz-linear-gradient(left, #fff, #000, #fff);
                              background-image: -ms-linear-gradient(left, #fff, #000, #fff);
                              background-image: -o-linear-gradient(left, #fff, #000, #fff);
                            }

/* INDEX OSNOVA */
#tb0                        { width: 1280px; border-style: none; border-collapse: collapse; margin: auto; }
#td0                        { vertical-align: top; }
#tb1                        { width: 1280px; border-style: none; border-collapse: collapse; margin: auto; }
#td1-left                   { width: 200px; vertical-align: top; text-align: left; }
#td1-center                 { width: 1080px; vertical-align: top; text-align: right; }

/* INDEX TOP */
#topt                       { width: 100%; text-align: center; margin-top: 1px; }
#toptext                    { width: 200px; height: 131px; display: inline-block; vertical-align: top; text-align: left; }
#toplogo                    { width: 1070px; display: inline-block; text-align: center; }
#toplogop                   { width: 1070px; height: 127px; }
#tops                       { width: 100%; text-align: center; }
#topsitt                    { margin: 5px; text-align: center; }
.topsite                    { width: 138px; height: 83px; display: inline-block; background-image: url("/images/index/button-top.gif"); margin: 0 10px 0 10px; }
.topsite-txt                { padding-top: 30px; }
.topsite-txt a              { font-size: 16px; font-weight: bold; padding-top: 20px; }
.topad                      { text-align: center; color:#000000; margin: 5px;}

/* INDEX TOP LINE */
#top-line1                  { width: 300px; display: inline-block; vertical-align: top; margin-top: 20px; margin-left: 30px; }
#top-line2                  { width: 600px; display: inline-block; vertical-align: top; }
#top-line3                  { width: 300px; display: inline-block; vertical-align: top; margin-top: 20px; }
#top-line2-txt              { padding: 0 20px 0 20px; }
#top-line2-ent              { font-weight: bold; font-size: 175%; text-align: center; margin-top: 10px; margin-bottom: 30px; }
#top-line2-ent a            { font-weight: bold; color: #FFFFCC; font-size: 100%; }
#top-line1-pic              { width: 300px; height: 250px; border: 1px #517395; }
#top-line3-pic              { width: 300px; height: 250px; border: 1px #517395; }

/* INDEX LEFT */
#left                       { width: 200px; float: left; }
.left-menumark-top          { width: 200px; height: 43px; background-image: url("/images/index/header1.gif"); color:#F1F2B5; text-align: center; font-weight: bold; font-size: 130%; }
.left-menumark              { width: 198px; background: #A2B7CC; border: 1px double #F6345D; padding: 10px 0 10px 0; }
.left-menumark-txt a        { padding-left: 30px; color: #000000; text-decoration: underline; line-height: 150%; }
.left-menumark-txt a:hover  { color: #F9200B; }
.left-menumark-txt2 a       { padding-left: 10px; color: #000000; text-decoration: underline; line-height: 150%; }
.left-menumark-txt2 a:hover { color: #F9200B; }
.left-menumark-bot          { width: 200px; height: 12px; background-image: url("/images/index/footer1.gif"); margin-bottom: 20px;  }
.left-menu-top              { width: 200px; height: 43px; background-image: url("/images/index/header2.gif"); color:#F1F2B5; text-align: center; font-weight: bold; font-size: 130%; }
.left-menu                  { width: 198px; background: #688AAC; border: 1px double #517395; padding: 10px 0 10px 0; }
.left-menu-txt a            { padding-left: 30px; text-decoration: underline; line-height: 150%; }
.left-menu-txt a:hover      { color: #F9200B; }
.left-menu-txt2 a           { padding-left: 10px; text-decoration: underline; line-height: 150%; }
.left-menu-txt2 a:hover     { color: #F9200B; }
.left-menu-button           { margin-left: 25px; margin-top: 7px; font-size: 95%; }
.left-menu-button a         { font-size: 95%; color: #000000 }
.left-menu-bot              { width: 200px; height: 12px; background-image: url("/images/index/footer2.gif"); margin-bottom: 20px; }
.left-menu-gals             { text-align: center; }

/* INDEX REFERERS LEFT */
.ref-left                   { text-align: left; display: white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-left-t                 { width: 160px; text-align: left; display: inline; }
.ref-left-r                 { font-family: Verdana; width: 30px; text-align: right; font-size: 8px; display: inline-block; }
.ref-left2-t                { width: 160px; text-align: left; display: inline; }
.ref-left2-t a              { color:#000000; }
.ref-left2-r                { font-family: Verdana; color:#000000; width: 30px; text-align: right; font-size: 8px; display: inline-block; }

/* INDEX CENTER */
#cntr                       { margin: 0 10px 10 10px; float: right; }
.pages-count                { font-weight: bold; font-size: 150%; }
.main-posts                 { width: 100%; text-align: center; }
.posts                      { width: 230px; float: none; margin-left: 11px; margin-right: 11px; margin-top: 8px; margin-bottom: 8px; display: inline-block; vertical-align: top; }
.post-pic                   { width: 230px; height: 300px; }
.post-desc                  { width: 220px; font-size: 120%; color: #517395; font-weight: bold; margin: auto; text-align: left; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-top: -3px; }
.post-tags-big              { width: 150px; font-size: 130%; color: #517395; margin: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
.post-tags-big a            { font-size: 100%; }
.post-dlogo                 { width: 45px; display: inline-block; }
.post-likes                 { width: 220px; font-size: 90%; color: #000000; text-align: center; margin-top: -3px; }
.navigat                    { width: 700px; margin: auto; margin-top: 25px; }
.nav-lnk                    { display: inline-block; }
.nav-lnk a                  { font-size: 130%; border-radius: 6px; box-shadow: 0 0 3px 3px #FF5E8F; color: #FFFFFF; background-color: #6986A4; margin: 8px 15px 8px 15px; padding: 4px 8px 5px 8px; display: inline-block; }
.nav-lnk a:hover            { color:#000000; box-shadow: 0 0 3px 3px #000000; }
.cnt-title                  { background: #000000; color: #FFFFFF; font-weight: bold; font-size: 130%; text-align: center; }
.cnt-text                   { font-size: 120%; color: #FFFFCC; font-weight: bold; width: 100%; text-align: center; }

/* INDEX BOTTOM */
.bottom-menu-pic            { width: 1026px; height: 61px; background-image: url("/images/index/header3.gif"); color: #F1F2B5; text-align: center; font-weight: bold; font-size: 130%; margin: auto; }
.bottom-menu                { width: 1024px; background: #A2B7CC; border: 1px double #F4365E; padding: 10px 0 10px 0; margin: auto; }
.bottom-menu2               { width: 920px; margin-left: 100px; }
.bottom-menu-txt            { width: 200px; text-decoration: underline; display: inline-block; margin-bottom: 2px; color: #000000; }
.bottom-menu-txt a          { color: #000000; font-size: 125%;  }

/* INDEX PAGES */
.pages                      { text-align: center; font-size: 100%; font-weight: bold; margin: 0 15px 0 15px }
.page-p a                   { color: #F1F2B5; margin: 2px; padding: 4px; text-align: center; display: inline-block; border: 1px solid #F1F1F1; }
.page-p a:hover             { background: #999999; color: #FFD9DA; }
.page-a                     { color: #000000; margin: 2px; padding: 4px; text-align: center; background: #FFFFFF; display: inline-block; }

/* INDEX TAGS */
.tags                       { text-align: center; font-size: 100%; font-weight: bold; padding-top: 10px; max-width: 900px; margin: auto; }
.tags a                     { font-size: 100%; color: #FFFFFF; }
.tags-u a                   { color: #F1F2B5; margin: 2px; padding: 4px; text-align: center; border: 1px solid #F1F1F1; display: inline-block; }
.tags-u a:hover             { background: #999999; color: #FFD9DA; }

/* INDEX BLOCK OPaySites */
#block-ops                  { width: 100%; margin:0 auto; text-align: center; margin-bottom: 30px; margin-top: 35px; }
.ops-prew                   { display: inline-block; margin: 5px 5px 13px 5px; }
.ops-pic                    { width: 210px; height: 150px; display: inline-block; border: 2px dotted #FF0000; }

/* INDEX GALS */
.gals_i                     { display: inline-block; margin-top: 3px; margin-left: 3px; }
.gals_ip                    { width: 80px; }

/* JOOM BLOCK */
.pcs-joo                    { width: 204px; height: 180px; float: none; margin: 0 7px 0 0; display: inline-block; vertical-align:top; background-color: #FFD9DA; z-index: 2; position: relative; }
.img-joo                    { width: 204px; }
.pcs-joo .roll-joo          { z-index: 1;  display: none; }
.pcs-joo:hover .roll-joo    { position: absolute; margin: -120px 75px; width: 70px; height: 70px; background: url('/images/video-play-button.png') no-repeat; display: block; }
.top-joo                    { width: 180px; text-align: center; font-size: 95%; padding: 1px 3px 1px 15px; background-image: url("/images/video.png"); background-repeat: no-repeat; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000000; }
.top-joo a                  { color: #000000; }
.top-joo a:hover            { color: #F9200B; }
.line-joo                   { width: 204px; height: 17px; }

/* ADVER BANNERS BLOCK */
.adver-banners              { width: 470px; overflow-wrap: break-word; margin: auto; margin-top: 15px; }
.adver-banners-name         { width: 100%; text-align: center; }
.adver-banners-name a       { width: 100%; text-align: center; font-size: 150%; color: #000000; font-weight: bold; }
.adver-banners-img          { width: 100%; text-align: center; }
.adver-banners-descr        { width: 100%; text-align: center; color: #000000; }
.adver-banners-descr a      { color: #FF0000; }

/* PAGES COMMON */
#pages-title                { font-size: 170%; color: #F6345D; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 15px; }

/* PAGE BANNERS */
.banner-line                { margin-top: 5px; text-align: center; }
.banner-line2               { font-family: Arial; font-size: 80%; color: #517395; text-align: center; }

/* PAGE LOGOS */
.logos-main                 { width: 750px; margin: auto; margin-top: 5px; }
.logos-image-pic            { padding: 10px; background: #517395; }
.logos-content              { width: 440px; height: 192px; background: #688AAC; display: inline-block; vertical-align: top; padding: 15px; text-align: left; }
.logos-content-title        { color: #FFFFFF; font-size: 16px; font-weight: bold; padding-right: 5px; }
.logos-content-title2       { line-height: 80%; margin-top: 5px; }
.logos-content-name         { font-size: 15px; color: #FFFFCC; margin-left: 18px; }
.logos-content-url          { font-size: 13px; color: #CCFF99; font-weight: normal; margin-left: 60px; }
.logos-content-con          { font-size: 13px; color: #FFFFFF; font-weight: normal; margin-left: 5px; }
.logos-content-visit        { text-align: center; margin-top: 10px; font-weight: bold;  }
.logos-content-visit a      { color: #CCFF99; font-size: 16px; text-decoration: underline; }

/* PAGE GALLERIES */
.galls-line                 { margin-top: 5px; font-family: Arial; font-size: 100%; color: #FFFFFF; text-align: center; }
.galls-line a               { font-family: Arial; font-size: 100%; color: #FFFFCC; }

/* PAGE LINKS */
.links-line                 { margin-top: 5px; margin-bottom: 5px; font-family: Arial; font-size: 100%; color: #FFFFFF; text-align: center; }
.links-line a               { font-family: Arial; font-size: 120%; color: #FFFFCC; }

/* PAGE REFS */
#refs-content               { width: 600px; margin: auto; }
.refs-line                  { margin-top: 5px; font-family: Arial; font-size: 100%; color: #FFFFFF; }
.refs-line a                { font-family: Arial; font-size: 100%; color: #FFFFCC; }

/* GALLERY OSNOVA */
#tb0g                       { width: 1320px; border-style: none; border-collapse: collapse; margin: auto; }
#td0g-left                  { width: 220px; vertical-align: top; }
#left                       { width: 210px; float: left; }
#td0g-left-g                { width: 210px; float: right; margin-top: 32px; }
#td0g-center                { width: 1090px; vertical-align: top; background: #A2B7CC; }

/* GALLERY CENTER BLOCK-1 */
#center-b1                  { width: 750px; text-align: center; display: inline-block; }
#gall-top                   { width: 675px; height: 80px; text-align: center; margin: 10px 40px 10px 40px; background: #6986A4; display: table; }
.gall-top-text              { font-size: 180%; color: #FFFFFF; font-weight: bold; display: table-cell; vertical-align: middle; }
.cntg-prev                  { text-align: center; margin-left: 7px; }
.cntg-prev2                 { background: #7E9BB8; width: 950px; margin: auto; }
.cntg-prev-line             { text-align: center; }
.center-right               { width: 310px; display: inline-block; }
.center-left                { width: 340px; display: inline-block; text-align: right; }
.cntg-title                 { width: 1010px; background: #517395; color: #F1F2B5;  padding: 6px 0 6px 12px; margin: 5px 40px 8px 0; float: right }

/* GALLERY CENTER BLOCK-2 */
#center-b2                  { width: 600px; height: 410px; text-align: center; display: inline-block; margin-left: 80px; vertical-align: top; }
#cntg-aff                   { width: 280px; height: 380px; text-align: center; font-size: 90%; margin: auto; margin-left: 10px; display: inline-block; vertical-align: top; }
#cntg-aff2                  { width: 280px; height: 380px; margin: auto; margin-top: 20px;  display: inline-block; vertical-align: top; }
#cntg-aff-pic               { width: 200px; }
#cntg-affp                  { margin: 5px 15px 5px 15px; }
#cntg-apic                  { width: 250px; }
.cntg-prev-1                { width: 355px; text-align: center; display: inline-block; }

/* GALLERY CENTER BLOCK-3 */
#center-b3                  { width: 750px; text-align: center; display: inline-block; }
#gall-top3                  { width: 673px; height: 80px; text-align: center; margin: 20px 40px 0 40px; background: #6986A4; display: table; }

/* GALLERY CENTER */
#center-joo                 { width: 100%; text-align: center; margin-left: 30px; }
#gall-top1                  { width: 100%; height: 100px; text-align: center; }
#center-top1                { width: 760px; text-align: center; display: inline-block; }
.center-right1              { width: 310px; text-align: center; display: inline-block; vertical-align: top; margin-top: 35px; }
#cntg                       { margin: 0 10px 0 10px; float: none; border: 1px double #517395; }
.cntg-ad                    { width: 100%; text-align: center; margin: 20px; }
.cntg-prevp                 { width: 160px; height: 200px; margin: 5px; border: 1px solid #000000;  }
.cntg-prevp a:hover         { border: 1px solid #FFffff; }
.cntg-prevp2                { max-width: 1000px; margin: 5px; border: 1px solid #FF8083;  }
.cntg-prevp2 a:hover        { border: 1px solid #FFffff; }
.cntg-visit                 { width: 950px; background: #517395; padding: 6px 0 6px 12px; margin: auto; margin-top: 15px; margin-bottom: 15px; text-align: center; color: #FFDFE0; font-weight: bold; font-size: 150%; }
.cntg-visit a               { color: #F1F2B5; font-weight: bold; font-size: 120%; }
.cntg-visit a:hover         { text-decoration: underline; color: #FFDFE0; }
.cntg-rel                   { width: 150px; display: inline-block; margin: 5px; vertical-align: top; color: #000000; overflow: hidden; text-overflow: ellipsis; font-size: 100%; }
.cntg-rel a                 { color: #000000; overflow: hidden; text-overflow: ellipsis; font-size: 90%; }
.cntg-rel a:hover           { color: #F9200B; }
.cntg-relp                  { width: 150px; margin: 5px; }
.cntg-rel-desc              { width: 150px; margin: auto; margin-top: -2px; text-align: left; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; font-size: 90%; }
.cntg-rel-desc a            { font-size: 100%; color: #FFFFFF; }
.cntg-rel-desc a:hover      { color: #CB002B; }

/* GALLERY BOTTOM */
#back                       { text-align: center; margin: 30px; }
#back a                     { text-align: center; font-weight: bold; font-size: 180%; color: #CCFF99; }
#back2                      { text-align: center; margin: 30px; }
#back2 a                    { text-align: center; font-weight: bold; font-size: 180%; color: #CCFF99; }
#gal-bot                    { text-align: right; margin: 50px; }

/* GALLERY ADVER SITES */
.adver-top                  { width: 100%; margin: 5px; text-align: center; font-size: 130%; font-weight: bold; }
.adver-img                  { width: 100%; margin: 5px; text-align: center; }
.adver-des                  { width: 550px; margin: auto; text-align: center; margin-bottom: 25px; margin-top: 10px; }

/* GALLERIES FULL SIZE PIC PAGE */
.pic1                       { text-align: center; font-size: 100%; }
.pic2                       { text-align: center; font-size: 100%; margin-bottom: 20px; }
.full-pic                   { max-width: 100%;}
.block-b                    { max-width: 1090px; margin: auto; text-align: center; }

/* BOTTOM */
.main-sites                 {  }
.cn2257                     { font-size: 110%; color: #000000; margin: 50px 0 30px 0; text-align: center; }
#bottom                     { max-width: 760px; margin: 0px auto; padding: 80px 0px 40px 0px; font-size: 90%; font-family: Verdana; }
.b-left                     { width: 230px; height: 20px; text-align: center; display: inline-block; }
.b-center                   { width: 140px; height: 20px; text-align: center; display: inline-block; }
.b-right                    { width: 250px; height: 20px; text-align: center; display: inline-block; font-size: 100%; }

/* BLOCKS */
.block-16-60                { margin: 5px 0 20px 0; }
.as160b                     { text-align: center; margin-top: 30px; }
.as320b                     { float: none; margin: 5px; display: inline-block; }
.as728b                     { margin: 15px 0 15px 0; }

/* ADVER MODULES */
.module-square              { width: 302px; height: 252px; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; }

/* TOP BAR */
#toplinksbar { max-width: 100%; height: 30px; background: #222222; padding: 2px 0 0 30px; vertical-align:top; text-align: center; margin: auto; }
.tpl         { display: inline-block; }
.tpl-img     { width: 20px; height: 20px; margin: 4px 10px 0 0; vertical-align: middle; }
.tpl-txt     { display: inline-block; vertical-align: middle; margin-top: 6px; margin-right: 40px; color: #FFFFFF; font-size: 13px; }
