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: 0; outline: 0; padding: 0; margin: 0; border: 0; }

body         { background: #FFFFFF; font-size: 12px; font-family: Arial; color:#BEBEBF; }

A            { text-decoration: none; }
A:hover      { text-decoration: none; color: #F9200B; }
a img        { border: 0px solid #f1f1f1; }
a:hover img  { border: 0px solid #F9200B; }

H1           { font-size: 20px; font-weight: bold; font-family: Arial; display: inline; }
H2           { font-size: 20px; font-weight: bold; font-family: Arial; display: inline; color:#ffffff; }
H3           { font-size: 18px; font-weight: bold; font-family: Arial; padding: 5px; color:#ffffff; }
H4 a         { font-size: small; color:#000000; }
H5 a           { font-size: medium; color:#808080; font-weight: bold; }
H6          { font-size: medium; font-weight: bold; font-family: Arial; padding: 5px; color:#000000; }
H7 a         { font-size: x-small; color:#808080; font-style: italic; display: inline; }
H8           { font-size: xx-small; position: absolute; margin-top: 5px; padding-left: 3px;  }

/* TOP BAR */
#toplinksbar { max-width: 100%; height: 30px; background: #d2d2d2; padding: 2px 0 0 30px; vertical-align:top; text-align: center; }
.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; }

/* TOP CATEGORIES */
#top-index   { max-width: 1800px; min-height: 60px; background-image: url('/images/index.webp'); background-position: left; background-repeat: no-repeat; margin-bottom: 10px; margin-top: 10px; padding-left: 300px; text-align: center; }
.top-li      { margin: 4px; padding: 2px 4px 2px 4px; border-radius: 6px; box-shadow: 0 0 2px 2px #f1f1f1; display: inline-block; color: #ac2713; }
.top-li a    { background: #f1f1f1; color: #000066; }
.top-li a:hover { background-color: #999999; color: #f1f1f1; }
.top-li a    { display: block; line-height: 18px; padding: 0 7px; font-size: 11px; letter-spacing: 1px; font-family: 'Arimo', sans-serif; transition: .3s linear; }

/* TOP MENU */
.top-menu    { background: rgba(34,34,34,.2); max-width: 1740px; margin: 0 auto }
.menu-main   { list-style: none; margin: 0;  padding: 0; }
.menu-main:after { content: ""; display: table; clear: both; }
.left-item   { float: left; }
.menu-main a { text-decoration: none; display: block; line-height: 30px; padding: 0 20px; font-size: 15px; letter-spacing: 1px; font-family: 'Arimo', sans-serif; font-weight: bold; color: white; transition: .3s linear; }
.menu-main a:hover { background: rgba(0,0,0,.3); }
@media (max-width: 830px)
             { .menu-main { padding-top: 90px; text-align: center; }
.menu-main li { float: none; display: inline-block; }
.menu-main a  { line-height: normal; padding: 20px 15px; font-size: 16px; }
              }
@media (max-width: 630px)
              { .menu-main li {display: block; }}

/* INDEX */
.tabl        { max-width: 1800px; min-width: 1024px;  margin: auto; text-align: center; }
.tabl-gall   { max-width: 1500px; margin: auto; text-align: center; }
.osnova      { width: 19%; vertical-align: top; float: none; margin: 0 3px 3px 0; display: inline-block; }
#osnova-stl  { width: 99%; margin: 0 3px 3px 0; margin: auto; }

/* INDEX SUBTEMPLATE1 PIC+TEXT */
#stl-title	 { text-align: center; font-size: large; color:#808080; font-weight: bold; padding: 20px 0 10px 0; }
.pcs-block   { padding: 4px 4px 4px 4px; margin-bottom: 8px; margin-top: 5px; border: 1px solid #AAB8C2; border-radius: 5px; }
.stl-block   { max-width: 300px; display: inline-block; padding: 4px 4px 4px 4px; margin-bottom: 8px; margin-top: 5px; border: 1px solid #AAB8C2; border-radius: 5px; }
.pcs-up      { max-width: 100%; }
.pcs-stl     { max-width: 100%; height: 210px; }
.desc        { margin: 3px 0px 3px 7px; padding: 0px 0px 0px 30px; text-align: left; background: url(/images/video.gif) no-repeat; font-size: xx-small; }
.desc-stl    { margin: 5px 0px 3px 7px; text-align: center; }
.dest        { max-width: 85%; margin: auto; }
.txt         { width: 23%; float: none; display: inline-block; font-size: xx-small; }
.txt-s       { width: 5%; float: none; display: inline-block; }
.rep         { width: 18px; height: 18px; background: url(/images/arep.gif); display: inline-block; }
.ret         { width: 18px; height: 18px; background: url(/images/art.gif); display: inline-block; }
.lik         { width: 18px; height: 18px; background: url(/images/alike.gif); display: inline-block; }
.dot         { width: 18px; height: 18px; background: url(/images/adot.gif); display: inline-block; }
.repa:hover  { filter: alpha(Opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.dota:hover  { filter: alpha(Opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.lika:hover  { filter: alpha(Opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.reta:hover  { filter: alpha(Opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

/* INDEX PAGES SWITCH */
.pages         	{ text-align: center; font-weight: bold; font-size: x-small; background: #dcdcdc; margin-left: 15px; }
.page-p a      	{ color: #CC0000; margin: 2px; padding: 4px; text-align: center; display: inline-block; font-size: small; }
.page-p a:hover	{ background: #bb003d; color: #FFFFFF; }
.page-a           { color: #000000; margin: 2px; padding: 4px; text-align: center; background: #FFFFFF; display: inline-block; font-size: small; }

/* INDEX BOTTOM */
.ind-bott         { max-width: 780px; margin:0px auto; padding: 80px 0px 40px 0px; font-size: small; font-family: Verdana; text-align: center; }
#cn2257           { font-size: small; color:#000000; margin: 50px 0 10px 0; text-align: center; }
.b-left           { width: 230px; height: 20px; text-align: center; display: inline-block; font-size: x-small; }
.b-left a			{ font-size: x-small; }
.b-center         { width: 140px; height: 20px; text-align: center; display: inline-block; font-size: x-small; }
.b-center a			{ font-size: x-small; }
.b-right          { width: 250px; height: 20px; text-align: center; display: inline-block; font-size: x-small; }
.bot-p				{ font-size: x-small; padding: 25px; display: inline; }
.bot-p a				{ font-size: x-small; }

/* RES BLOCKS */
.modSQ-F                { display: table; margin: auto; }
.modSQ                  { width: 300px; height: 250px; display: inline-block; }
.modSQ-add              { width:  25px; height: 250px; display: inline-block; margin: 4px 0 4px 0; }
.modVER                 { width: 160px; height: 600px; margin: auto; margin-top: 10px; margin-bottom: 10px; }
.modHOR                 { width: 728px; height:  90px; margin: auto; margin-top: 10px; margin-bottom: 15px; }
.modBIG                 { width: 900px; height:  250px; margin: auto; margin-top: 10px; margin-bottom: 15px; }