@charset "utf-8";
@font-face { font-family: "Kurier Medium"; src: url('../fonts/KurierMedium-Regular.otf') format("opentype"); }
@font-face { font-family: "Kurier Heavy"; src: url('../fonts/KurierHeavy-Regular.otf') format("opentype"); }

body { font-family: "Kurier Medium", Arial, Helvetica, sans-serif; color: #053a70; font-size: 18px; font-weight: normal; }
a { text-decoration: none; color: #053a70; }
a:hover { text-decoration: underline; }
h1 { font-family: "Kurier Heavy", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.8em; margin-bottom: 30px; }
h2 { font-family: "Kurier Heavy", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.4em; margin-bottom: 0.8em; margin-top: 1.0em; }
p { text-align: justify; line-height: 1.3em;  }
strong { font-weight: bold; }
ul { line-height: 1.3em; }

#container { width: 990px; margin-left: auto; margin-right: auto; background: url(../img/bg.png) repeat-y 0 45px; position: relative; }

#inner { width: 100%; background: url(../img/fragm-wall.png) no-repeat right bottom; }

.clearfix { clear: both; width: 100%; height: 0; }
.current { font-weight: bold; text-decoration: none; border-bottom: 3px solid #053a70; margin: 0 7px 0 10px; }
.fright { float: right; }
.left-margin { margin-left: 2.0em; }
.left-indent { text-indent: 2.0em; }
.bottom-indent { margin-bottom: 1.0em; }
.list-1 { list-style-type: none; margin-bottom: 1.0em; }
.list-1 li:before { content: "- "; }

/* ------ #header ----- */
#header { background: url(../img/header-bg.jpg) no-repeat; width: 990px; height: 314px; position: relative; margin-bottom: 60px; }
#logo-header { width: 311px; height: 197px; float: left; position: relative; left: 50px; }
#logo-expert { width: 317px; height: 256px; background: url(../img/logo-expert.png) no-repeat; float: left; position: relative; top: 55px; left: 290px; }
#menu-top { margin-left: 35px; font-size: 1.5em; position: relative; top: -20px; }
.menu-item { display: inline-block; height: 1.2em; }
#menu-top a { text-decoration: none; display: block; margin: 0 10px 0 10px; height: 1.2em; }
.menu-item a:hover { border-bottom: 3px solid #053a70; }

/* ------ #main ------- */
#main { width: 830px; margin: 0 auto 2.0em auto; }
#map_canvas { width: 500px; height: 350px; z-index: 999; margin: 1.0em 0; float: left; }
#contact-info-main { margin: 4em 0 0 2.0em; float: left; font-size: 1.1em; }
#contactform * { display: block; }
#contactform label { margin: 1.0em 0 0.5em 0.5em; font-size: 0.9em; }
#send-button { margin-top: 1.0em; margin-left: 0.5em; }
.error-input { border: 1px solid #ff0000; }
.cert-row { display: table-row; }
.cert-cell { display: table-cell; width: 415px; vertical-align: middle; text-align: center; padding: 0 1em 2em 1em; }
.cert-cell img { margin-bottom: 1em; border-radius: 7px; }
.cert-cell a { height: 330px; }
.cert-cell span { display: block; height: 30px; margin-bottom: 0.5em; }

/* ------ #footer ------*/
#footer { width: 990px; height: 134px; background: url(../img/footer-bg.jpg) no-repeat bottom; position: relative; }
#logo-footer { width: 190px; height: 82px; position: absolute; bottom: 25px; left: 150px; }
#contact-info { font-family: "Kurier Medium", Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; color: #02009b; text-align: right; position: absolute; bottom: 22px; margin-left: 580px; width: 250px; line-height: 1.1em; }
#contact-info a { color: #02009b; }
#author-info { font-size: 0.6em; color: #02009b; width: 120px; text-align: center; position: absolute; bottom: 5px; left: 423px; }
#author-info a { color: #02009b; }