/* Velon: completari peste all.css (designul clasic) pentru ce are site-ul in
   plus: limbi, meniul contului, captcha, subsol fara sigle straine si paginile
   site-ului (forum, suport, cont...) imbracate in pergamentul din coloana. */

/* ---- antet ---- */
.vl #userBox .header-box-nav-login { position: absolute; margin: 0; padding: 0; list-style: none; }
.vl .header-box-nav-login li { list-style: none; }
.vl-langs { position: absolute; right: 8px; top: 8px; z-index: 5; }
.vl-langs a { float: left; margin-left: 4px; padding: 2px; border: 1px solid #5a2a0a; background: rgba(0, 0, 0, .55); color: #fef6aa; font-size: 10px; font-weight: bold; line-height: 12px; text-decoration: none; }
.vl-langs a img { width: 18px; height: 12px; }
.vl-langs a.on, .vl-langs a:hover { border-color: #f2e69f; }

/* ---- coloana din dreapta ---- */
.vl .modul-box h3.vl-sub { margin-top: 0; }
.vl-menu { margin: 8px 0 10px 14px; padding: 0; width: 133px; }
.vl-menu li { background: url(main/img/bullet.gif) no-repeat 0 2px; list-style: none; padding: 0 0 6px 18px; }
.vl-menu li a { color: #58220e; font-size: 11px; font-weight: bold; text-decoration: none; }
.vl-menu li a:hover { color: #8d0404; text-decoration: underline; }
.vl-captcha { margin: 6px 0 0 -10px; transform: scale(.94); transform-origin: 0 0; height: 132px; }
.vl-empty { color: #58220e; font-size: 11px; margin: 8px 12px 12px; text-align: center; }
.vl .form-score ul li div { min-height: 14px; }
.vl .form-score ul li div.empire0 { background: none; }
.vl .download-btn, .vl .itemshop-btn { margin: 8px auto 14px; padding: 0; }

/* ---- subsol ---- */
.vl-footlogo { height: 35px; margin: 71px 0 0 0; text-align: center; }
.vl-footlogo a { color: #c5a15f; font: italic bold 22px/35px "Palatino Linotype", Palatino, Georgia, serif; letter-spacing: 1px; text-decoration: none; text-shadow: 0 2px 3px #000; }
.vl-footlogo a:hover { color: #fef6aa; }
#footer ul li.first { width: 500px; }

/* ---- continutul paginilor: pergament ---- */
.vpage {
	--bg: transparent; --bg-nav: transparent;
	--panel: rgba(255, 246, 214, .45); --panel-2: rgba(255, 246, 214, .3); --panel-hi: rgba(255, 240, 200, .7);
	--gold: #8d0404; --gold-bright: #b31b00; --gold-deep: #5a1a00; --gold-border: #b99a6a;
	--border-faint: rgba(90, 40, 0, .22); --border-soft: rgba(90, 40, 0, .12);
	--metal: #8a5a1c; --metal-bright: #b37a2a; --ivory: #fef6aa;
	--text: #160400; --heading: #7b1300; --muted: #5d3a1a; --muted-dim: #7a5a3a;
	--red: #8d0404; --shadow: rgba(60, 25, 0, .25);
	--font-ui: Arial, Helvetica, sans-serif; --font-display: Arial, Helvetica, sans-serif;
	color: #160400; font: 11px/14px Arial, Helvetica, sans-serif;
	margin-right: 14px; min-height: 260px;
}
.vpage *, .vpage *::before, .vpage *::after { box-sizing: border-box; }
.vpage a { color: #8d0404; }
.vpage a:hover { color: #b31b00; }
.vpage img { max-width: 100%; }
.vpage h1, .vpage h2, .vpage h3, .vpage h4 { color: #7b1300; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 6px; }
.vpage h1 { font-size: 16px; } .vpage h3 { font-size: 13px; } .vpage h4 { font-size: 12px; }
.vpage p { font-size: 11px; line-height: 14px; }
.vpage ul li { background: none; padding: 0; }

/* titlul paginii = bara cu ornament a coloanei (h2 din design) */
.vpage .section-title, .vpage .page-hd {
	background: url(main/img/heading-3.jpg) no-repeat; color: #7b1300; font: bold 14px/17px Arial, Helvetica, sans-serif;
	letter-spacing: 0; text-transform: none; margin: 11px -14px 10px -5px; padding: 7px 0 7px 33px; border: 0; text-align: left;
}
.vpage .section-title::before, .vpage .section-title::after, .vpage .page-hd::before, .vpage .page-hd::after { display: none; }

/* butoane: rosu-inchis cu text auriu, ca butoanele desenate din design */
.vpage .btn, .vpage button.btn, .vpage input[type=submit], .vpage .btn-read {
	background: linear-gradient(#a1261a, #6d1206 55%, #520c02); border: 1px solid #3a0a00; border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 220, 150, .35), 0 1px 2px rgba(0, 0, 0, .35);
	color: #f2e69f; cursor: pointer; display: inline-block; float: none; font: bold 11px/14px Arial, Helvetica, sans-serif;
	height: auto; letter-spacing: 0; margin: 4px 0; padding: 4px 14px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #000;
	text-transform: none; width: auto;
}
.vpage .btn:hover, .vpage input[type=submit]:hover, .vpage .btn-read:hover { color: #fff; text-decoration: underline; background: linear-gradient(#b8311f, #7d1608 55%, #5e0e02); }
.vpage .btn-gold, .vpage .btn-primary { background: linear-gradient(#c43a1c, #8a1806 55%, #5e0e02); }
.vpage .btn-block { display: block; width: 100%; }
.vpage .btn-sm { padding: 2px 10px; font-size: 10px; }
.vpage .btn-lg { padding: 7px 20px; font-size: 13px; }
.vpage .btn[disabled], .vpage .btn.off { opacity: .55; cursor: default; }

/* campuri */
.vpage input[type=text], .vpage input[type=password], .vpage input[type=email], .vpage input[type=number], .vpage input[type=search],
.vpage input[type=date], .vpage input[type=url], .vpage select, .vpage textarea, .vpage .form-control {
	background: #fff8e1; border: 1px solid #997c47; border-radius: 0; box-shadow: inset 1px 1px 2px rgba(80, 40, 0, .25);
	color: #2a0d00; font: 12px/16px Arial, Helvetica, sans-serif; height: auto; max-width: 100%; padding: 4px 6px; width: 100%;
}
.vpage input:focus, .vpage select:focus, .vpage textarea:focus { border-color: #8d0404; outline: none; }
.vpage label { color: #4a1e00; font-weight: bold; font-size: 11px; }

/* tabele */
.vpage table { border-collapse: collapse; width: 100%; font-size: 11px; }
.vpage table th { background: #6d1206; color: #f2e69f; font-weight: bold; padding: 5px 6px; text-align: left; border: 1px solid #4a0c02; }
.vpage table td { border-bottom: 1px solid rgba(90, 40, 0, .2); padding: 5px 6px; color: #160400; }
.vpage table tr:nth-child(even) td { background: rgba(255, 240, 200, .35); }
.vpage .thead-inverse th { background: #6d1206; }

/* mesaje */
.vpage .alert { background: rgba(255, 246, 214, .7); border: 1px solid #b99a6a; border-left: 4px solid #8a5a1c; border-radius: 0; color: #2a0d00; font-size: 11px; margin: 6px 0 10px; padding: 7px 10px; }
.vpage .alert-danger, .vpage .reg-alert.bad { border-left-color: #a00; background: #f6d9c8; }
.vpage .alert-success { border-left-color: #3d6b12; background: #e6edc6; }
.vpage .alert-info { border-left-color: #7b1300; }
.vpage .alert .close { color: #7b1300; float: right; background: none; border: 0; cursor: pointer; font-size: 14px; }

/* taburi */
.vpage .tabs { display: flex; flex-wrap: wrap; gap: 3px; margin: 0 0 8px; border-bottom: 2px solid #7b1300; }
.vpage .tabs a { background: #d9c08a; border: 1px solid #997c47; border-bottom: 0; color: #4a1e00; font-weight: bold; font-size: 10px; padding: 4px 8px; text-decoration: none; text-transform: uppercase; }
.vpage .tabs a.active, .vpage .tabs a:hover { background: #7b1300; color: #f2e69f; }

/* stiri */
.vpage .article { background: none; border: 0; box-shadow: none; margin: 0 0 14px; padding: 0 0 10px; border-bottom: 1px dashed rgba(90, 40, 0, .35); }
.vpage .article-head { background: none; border: 0; padding: 0; display: block; }
.vpage .article-head .mark, .vpage .article-head .badge, .vpage .article-head .when { display: none; }
.vpage .article-head .ttl { display: none; }
.vpage .article-body { padding: 0; background: none; border: 0; }
.vpage .article-body .head-center { text-align: left; padding: 0; margin: 0; }
.vpage .article-body .head-center h3 { color: #7b1300; font-size: 13px; margin: 4px 0 2px; }
.vpage .article-body .head-center .stamp { color: #7a5a3a; font-size: 10px; font-weight: bold; margin: 0 0 6px; }
.vpage .article-body .head-center::before, .vpage .article-body .head-center::after { display: none; }
.vpage .article .content { color: #160400; font-size: 11px; line-height: 14px; }
.vpage .clip-more { background: linear-gradient(rgba(233, 214, 170, 0), #e3cf9f 70%); }

/* panouri vechi -> casete de pergament */
.vpage .panel, .vpage .forum-panel, .vpage .sup-card, .vpage .acc-item, .vpage .jumbotron {
	background: rgba(255, 246, 214, .45); border: 1px solid #b99a6a; border-radius: 0; box-shadow: none; color: #160400;
}
.vpage .panel-head { background: #7b1300; color: #f2e69f; font: bold 12px/16px Arial, Helvetica, sans-serif; letter-spacing: 0; padding: 5px 10px; text-transform: none; border: 0; }
.vpage .panel-head::before, .vpage .panel-head::after, .vpage .flourish::before, .vpage .flourish::after { display: none; }
.vpage .row { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.vpage .row > [class*=col-] { padding: 0 5px; }
.vpage .col-sm-4 { width: 33.33%; } .vpage .col-sm-8 { width: 66.66%; } .vpage .col-sm-6 { width: 50%; } .vpage .col-sm-12 { width: 100%; }

/* prima pagina: caseta de start */
.vl-start { overflow: hidden; padding: 2px 0 6px; }
.vl-start .btn { float: left; margin: 2px 6px 4px 0; }

/* contul: casete si taburi */
.vpage a, .vpage .acc-tab { text-decoration: none; }
.vpage .acc-card, .vpage .acc-panel { background: rgba(255, 246, 214, .5); border: 1px solid #b99a6a; border-radius: 0; box-shadow: none; }
.vpage .acc-card-head { color: #7b1300; border-bottom: 1px solid rgba(90, 40, 0, .2); }
.vpage .acc-stat { background: linear-gradient(#f6e7bf, #e2cc94); border: 1px solid #b99a6a; border-radius: 0; box-shadow: inset 0 1px 0 #fff6d8; }
.vpage .acc-stat b { color: #8d0404; font-size: 16px; line-height: 20px; word-break: normal; }
.vpage .acc-stat span { color: #5d3a1a; }
.vpage .acc-tab { border-radius: 0; color: #4a1e00; }
.vpage .acc-tab.active { background: #7b1300; border-color: #4a0c02; color: #f2e69f; }
.vpage .acc-head h1, .vpage .acc-head h2 { font-size: 16px; }