/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: tahoma, helvetica, arial, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
blockquote *:first-child:after {content: "\201D";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */

/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */


/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
body {font-size: 1.2em; line-height: 1.6em; text-align:center; background: #2e2828 url("../images/header_bg.png") 0 0 repeat-x; color:#fff }
h1 {font-size: 1.6em; font-weight: 400;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}

/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}

/* TABLES */
table {border-top: 1px solid #2e2828;  border-left: 1px solid #2e2828;}
th, td {border-bottom: 1px solid #585353; border-right: 1px solid #585353; text-align: center;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .4em .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}

/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}


/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #fff;}
a:visited {text-decoration: underline; color: #fff;}
a:hover {text-decoration: none; color: #fff;}
a:active, a:focus {text-decoration: underline; color: #fff;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}

/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}

/* main */
.mainSize {margin:auto; position: relative; width: 935px; }
.header { height: 154px; text-align: left;}
.slogan {position: absolute; width: 190px; height: 40px; text-indent: -9999em; top:38px; left: 0; }
.ru .slogan {background: url("../images/slogan_ru.png");}
.az .slogan {background: url("../images/slogan_az.png");}
.logo {position:absolute; top: 38px; right: 0; text-indent: -9999em; background: url("../images/logo.png"); display: block; width: 250px; height: 40px; overflow: hidden; }
.card { height:320px; margin-bottom: 10px; }
.ru .card { background:url("../images/info_ru.png") 100% 0 no-repeat; }
.az .card { background:url("../images/info_az.png") 100% 0 no-repeat; } 
.card img { float:left;}
.card div { display:none;}

.content {margin:auto; width: 820px; text-align: left;}

.footer {text-align: left; position: relative; height: 300px; background:url("../images/footer.jpg")}
.footer img {position: absolute; margin:110px 0 0 388px }
.footer img.link {position: absolute; margin:150px 0 0 388px }
.footer div {text-align: center; padding:260px 0 0 0}

.lang {position: absolute; top: 140px; right:0 }
.lang a:link, .lang a:visited, .lang a:hover, .lang a:active, .lang a:focus {float:right; display: block; text-decoration: none; padding:8px 9px 9px 9px; line-height: 100%;   }
.lang a:hover, .lang a:active, .lang a:focus, .lang a.active:link, .lang a.active:visited, .lang a.active:hover, .lang a.active:active, .lang a.active:focus    { background:url("../images/lang.png") 0 0 no-repeat }
.last td {border-bottom:none;}
td.right {border-right:none}
.curr {position:relative;  float: left;  margin-bottom:15px;}
.currborder {border:1px solid #cbcaca;  padding:10px; }
.curr table {margin:0;}
.curr .tl, .curr .bl, .curr .tr, .curr .br  { display:block; position: absolute; width: 22px; z-index: 2; height: 22px; overflow:hidden; background:url("../images/curr.png") 0 0 no-repeat}
.curr .tl { top: 0; left: 0; }
.curr .tr { top: 0; left: -22px; margin-left:100%; background-position:-22px 0 }
.curr .bl { margin-top:-22px;  background-position:0 -22px }
.curr .br {margin-top:-22px; margin-left:100%; left: -22px; background-position:-22px -22px }