/* ----- import styles ----- */
@import url("header.css");
@import url("content.css");
@import url("form.css");
/* -------------------- FOOTER -------------------- */
.footer { width: 100%; min-width: 996px; max-width: 1250px; height: 85px; margin: -85px auto 0; overflow: hidden; color: #fff; position: relative; z-index: 5; }
.footer a { color: #fdeea8 !important; }
.footer a:hover { text-decoration: none; }

/* ----- footer backgrounds ----- */
.f-cbg { left: 0; bottom: 0; position: absolute; width: 100%; height: 85px; overflow: hidden; background: url(../images/f-cbg.png) 0 0 repeat-x; }
.f-bg { width: 172px; height: 79px; margin-left: -86px; background: url(../images/f-bg.png) 0 0 no-repeat; }
.f-cbg  .tlcn, .f-cbg  .trcn { top: 2px; }
.f-cbg  .trcn { left: 100%; }

/* ----- copyrights ----- */
.f-cr { left: 52px; top: 42px; position: absolute; }

/* ----- banner ----- */
.f-banner { right: 56px; top: 44px; position: absolute; }
.f-banner li { float: left; margin-left: 4px; }
.f-banner img { vertical-align: top; }
/* -------------------- FOOTER -------------------- */

/* -------------------- reset defaults -------------------- */
* { margin: 0; padding: 0; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, strong, em, ins, dl, dt, dd, ol, ul, li, form, fieldset, label, table, tbody, tfoot, thead, tr, th, td { border: 0; border-width: 0; outline: 0; vertical-align: baseline; background: transparent; }
html, body { width: 100%; height: 100%; }
body { position: relative; z-index: 0; }
body { font: 12px/16px 'Georgia', 'Arial', sans-serif; color: #473939; background-color: #ffe9df; text-align: left; }

table { border-collapse: collapse; border-spacing: 0; border-width: 0; }
caption, td, th { vertical-align: top; }

dl, ul, ol { list-style: none; }

img { border: 0; border-width: 0; }

ins { text-decoration: underline; }
del { text-decoration: line-through; }
em { font-style: italic; }
strong { font-weight: bold; }
i { font-style: normal; }
b { font-weight: normal; }

big { font: 14px/18px 'Georgia'; }
small { font: 10px/14px 'Georgia'; }

sup { font-size: 120%; vertical-align: top; position: relative; }
sub { font-size: 120%; vertical-align: bottom; position: relative; }

p.date { margin-bottom: 0.25em; }
p.date span { color: #776357; }

input, button { overflow: visible; }
input, button, select { vertical-align: middle; }
textarea { vertical-align: top; padding: 2px 2px; overflow: auto; font: 12px/16px 'Georgia'; color: #473939; border: 1px solid; border-color: #abadb3 #dbdfe6 #e3e9ef; }
input.text { height: 16px; padding: 2px 2px; overflow: hidden; font: 12px/16px 'Georgia'; color: #473939; border: 1px solid; border-color: #abadb3 #dbdfe6 #e3e9ef; }
.w-text { padding-right: 6px; position: relative; }
.w-text input.text, .w-text textarea { width: 100%; }
input.radio, input.checkbox { padding: 1px; top: -1px; position: relative; }
input.file { font: 11px/20px 'Georgia'; color: #473939; }
.w-text input.file { width: 100%; }
input.submit { padding: 1px 10px; font: 13px/14px 'Arial'; color: #000; cursor: pointer; }

select { height: 20px; font: 12px/20px 'Georgia'; color: #473939; border: 1px solid; border-color: #abadb3 #dbdfe6 #e3e9ef; }
option { font: 12px/16px 'Georgia'; color: #473939; }


blockquote, q { quotes: '' '' '' ''; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* ----- global styles ----- */
a { color: #f40000; text-decoration: underline; }
a:hover, a:active { color: #890000; }
h1 { font: italic 24px/28px 'Georgia'; color: #442608; margin-bottom: 1em; }
h2 { font: italic 18px/22px 'Georgia'; color: #442608; margin-bottom: 1em; }
h2 a { font-style: normal; }
h3 { font: italic 14px/18px 'Georgia'; color: #442608; margin-bottom: 1em; }
h4 { }
h5 { }

/* ----- clear ----- */
.cl { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.clf:after { content: ''; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }

/* -------------------- page wrap and page -------------------- */
#page { width: 100%; min-width: 996px; min-height: 100%; position: relative; z-index: 1; }



/* -------------------- POPUP -------------------- */
#blackness { display: none; left: 0; top: 0; position: absolute; width: 100%; background-color: #000; opacity: 0.5; z-index: 100000; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; }
.popup { display: none; left: 50%; top: 240px; position: absolute !important; width: 520px; margin-left: -260px; z-index: 100005; }
.popup .bc { padding: 10px 30px 10px 20px; }
.popup .close { display: block; right: 6px; top: 5px; position: absolute; width: 23px; height: 23px; overflow: hidden; text-indent: -9999px; background: url(../images/ico-close.png) 0 0 no-repeat; }
.popup .required { margin-bottom: 2em; color: #776357; }
.popup dl { overflow: hidden; }
.popup dt { clear: both; float: left; width: 80px; padding-bottom: 10px; }
.popup dd { float: left; width: 390px; overflow: hidden; padding-bottom: 10px; }
.popup label { display: -moz-inline-block; display: inline-block; font-size: 14px; margin-top: 12px; }
.popup .text, .popup textarea { height: 18px; padding: 11px 5px; font: 14px/18px 'Georgia'; }
.popup textarea { height: 180px; }
.popup .w-text { padding-right: 16px; position: relative; }
.popup .submit { padding: 4px 15px; font: 24px/28px 'Arial'; }
/* ----- popup comment ----- */
.popup-comment dt { width: 104px; }
.popup-comment dd { width: 366px; }




/* ----- container ----- */
.container { max-width: 1250px; margin: 0 auto; position: relative; }

/* ----- bg ----- */
.nobg { background: none !important; }


/* ----- margins ----- */
.nom { margin: 0 !important; }


/* ----- paddings ----- */
.nop { padding: 0 !important; }


/* ----- borders ----- */
.nobd { border: 0 !important; }


/* ----- colors ----- */
.c-green { color: #489c00 !important; }
.c-red { color: #f40000 !important; }
.c-orange { color: #ff6c00 !important; }

.f14 { font: 14px/18px 'Georgia' !important; }

/* ----- inline block ----- */
.ib { display: -moz-inline-stack; display: inline-block; position: relative; }
/* ----- link with border colored by link ----- */
.wbdt { text-decoration: none; }
.wbdt b { border-bottom: 1px dotted; }
.wbdt:hover b { border-bottom: 0; }
.wbds { text-decoration: none; }
.wbds b { border-bottom: 1px dashed; }
.wbds:hover b { border-bottom: 0; }