/* =reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;/* vertical-align: baseline;*/
background : transparent;
font-weight:normal;
}
:focus { outline : 0; }
ul { list-style : none; }
/* =general */
html { height:100%; }
body {
font: normal 69%/150% Arial, Helvetica, sans-serif;
background-color:#7d7d7d;
height:100%;
}
#content a {
color:#fff;
}
#content ul { margin-top:10px;}
/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
/* vertical positioning*/
#wrap {
height:100%;
margin: 0 auto;
text-align: left;
vertical-align: middle;
width: 980px;
}
/* =outer-link */
.clear { line-height: 0; height: 0; font-size: 0px; clear: both; }
#wrapper {
width:980px;
height:605px;
background-color:#bcbec0;
color:#fff;
border:1px solid #3d3d3d;
}
h1 {
font-size:110%;
font-weight:bold;
margin-bottom:15px;
text-transform:uppercase;
}
.back-link {
background:url(../img/blt_back-link.gif) no-repeat left center;
padding-left:15px;
text-decoration:none;
color: #004a80;
font-weight:bold;
font-size:92%;
}
.back-link:hover {
color:#fff;
text-decoration:underline;
}
/*=outer-links*/
#outer-links {
margin:5px;
color:#fff;
}
#outer-links li {
display:inline;
margin-right:2px;
}
#outer-links li a {
color:#fff;
font-size:100%;
padding:2px;
text-decoration:none;
}
#outer-links li a:hover {
text-decoration:underline;
color:#333;
}
#outer-links .home-link {
background:url(../img/ico_home.gif) no-repeat left top;
padding-left:20px;
}
#outer-links .home-link:hover {
background:url(../img/ico_home_over.gif) no-repeat left top;
}
/* =CONTENT */
#content-wrapper {
width:980px;
height:470px;
float:left;
position:relative;
}
#home-img img {
float:left;
}
#content {
width:415px;
font-size:110%;
padding:35px 30px 0 35px;
float:left;
}
#content .content-box {
height:390px;
overflow:auto;
padding-right:10px;
}
#content .content-box h1 {
font-size:180%;
margin:15px 0;
}
#content .content-box h2 {
font-size:110%;
font-weight:bold;
margin:15px 0;
}
#content .content-box ul {
margin:-2px 0 5px;
}
#content .main-block ul li {
background:url(../img/blt_standard_list2.gif) no-repeat left 4px;
padding-left:13px;
}
#content p {
line-height:120%;
margin-bottom:5px;
display:block;
}
#content-image {
float:right;
overflow:hidden;
display:block;
width:470px;
height:470px;
position:relative;
}
#content-image h1 {
position:absolute;
bottom:0;
right:10px;
display:block;
font-size:430%;
padding:0.5em 0 0.18em;
color:#ddd;
letter-spacing:-3px;
z-index:1000;
}
#content-image h2 {
position:absolute;
bottom:0;
right:41%;
display:block;
font-size:540%;
padding:0.5em 0 0.18em;
color:#bcbec0;
letter-spacing:-3px;
}
#content-image h3 {
position:absolute;
bottom:0;
left:60%;
font-size:165%;
padding:0.2em 0.1em 0.2em;
color:#bcbec0;
padding-bottom:8px;
}
/* =NEWS */
/* =news-list */
#news-list {
display:block;
width:455px;
height:430px;
overflow:auto;
margin-right:-30px;
padding-right:10px;
margin-bottom:-20px;
margin-top:-20px;
}
#news-list li {
margin-top: 10px;
}
.more-link {
background:url(../img/blt_more-link.gif) no-repeat left center;
padding-left:15px;
text-decoration:none;
color: #004a80;
font-weight:bold;
font-size:92%;
}
.more-link:hover {
color:#fff;
text-decoration:underline;
}
#news-list h4 a { font-size: 125%; font-weight: bold; letter-spacing: -1px; color: #fff; text-decoration: none; }
#news-list h4 a:hover { text-decoration: underline; }
#news-list ul li em {
font-style:normal;
font-weight:bold;
font-size:92%;
display: block;
margin-bottom: 5px;
}
#news-list ul li { padding-bottom: 8px; border-bottom: 1px solid #eee; }
div[id='news-list']#news-list ul li { border-bottom: 1px dotted #fff; }
#content #news-list ul li.last { border-bottom: 0; }
#news-list .news-detail {
line-height:115%;
padding:8px 0 0;
}
#news-list .news-detail p { margin-bottom:0; }
#news-list .highlight {
font-weight: bold;
color: #023f88;
/*display: inline;*/
}
/* =news */
.news {
display:block;
width:450px;
margin-right:-15px;
}
.news h2 {
color:#FFFFFF;
font-size:125%;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
padding-bottom:5px;
border-bottom:1px solid #fff;
margin-bottom:5px;
}
div[class='news'] h2 { border-bottom:1px dotted #fff; }
.news em {
font-style:normal;
font-weight:bold;
font-size:92%;
display: block;
margin-bottom: 5px;
}
.news .news-detail-image {
padding-top:10px;
margin:0 auto;
}
.news .news-detail {
overflow:auto;
height: /*160px*/ 140px; /* ! */
padding-bottom: 5px; /* ! */
margin-bottom: 5px; /* ! */
padding-right:5px;
margin-top:10px;
border-bottom: 1px solid #eee; /* ! */
}
.news .news-detail-long {
overflow:auto;
height: /*160px*/ 335px; /* ! */
padding-bottom: 5px; /* ! */
margin-bottom: 5px; /* ! */
padding-right:5px;
margin-top:10px;
border-bottom: 1px solid #eee; /* ! */
}
.news-detail-long h3 { font-size:130%; }
.statement .news-detail {
height:140px;
}
div[class='news statement'] h2 { border-bottom:1px dotted #fff; }
div.news div[class='news-detail'].news-detail { border-bottom: 1px dotted #fff; } /* ! */
#content .news .news-detail p {
margin-bottom:5px;
}
.news .back-link {
display:block;
margin-bottom:5px auto;
}
/* =news-form-wrap */
#news-form-wrap { position: absolute; left: 30px; top: 80px; }
/* =news-form */
#news-form { behavior: url(js/iepngfix.htc); background: url(../img/bg_vesti.png); width: 380px; padding: 15px; }
#news-form h4 { margin-bottom: 20px; font-size:150%; font-weight: bold;}
#news-form legend { font-size: 0; height: 0; line-height: 0; text-indent: -9999px; }
#news-form .input { display: block; margin-bottom: 10px; }
#news-form label { display: block; float: left; width: 60px; color: #fff; }
#news-form textarea { width: 320px; }
#news-form label span { overflow: auto; }
#news-form label span { line-height: 1.2em; vertical-align: top; }
#news-form label span { margin-top: 8px;}
#news-form .input input, #contact-form .input textarea { border: 1px solid #ddd; }
#news-form .input input:hover, #contact-form .input textarea:hover { border-color: #636467; }
#news-form .input input:focus, #contact-form .input textarea:focus { border-color: #bcbec0; background-color: #fcfff7; }
#news-form .submit { padding-left: 60px; }
#news-form .submit input { margin-right: 8px; background-color: #fff; color: #636467; cursor: pointer; width: 75px; height: 24px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0; }
#news-form .submit input:hover, #contact-form .submit input:focus { background-color: #636467; border-color: #636467; color: #fff; }
/* =CONTACT*/
/* =kontakti | start */
/* =content-box */
#content .content-box { /*overflow: hidden;*/ }
/* =left-side =right-side */
#content .content-box .left-side { width: 200px; float: left; }
#content .content-box .right-side { width: 200px; float: right; }
#content .content-box .left-side p,
#content .content-box .right-side p
{ width: 200px; /*height: 80px;*/ font-size: 92%; margin: 0; padding: 6px 0 6px; border-bottom: 1px solid #fff; }
#content .content-box div[class='left-side'] p,
#content .content-box div[class='right-side'] p
{ border-bottom: 1px dotted #fff; }
#content .content-box .left-side p.last,
#content .content-box .right-side p.last
{ border: 0; }
#content .content-box .left-side a,
#content .content-box .right-side a { color:#fff; }
/* =kontakti | end */
/* =contact-form-wrap */
#contact-form-wrap { position: absolute; left: 0; bottom: 50px; }
/* =contact-form */
#contact-form { behavior: url(js/iepngfix.htc); background: url(../img/bg_kontakti.png); width: 395px; padding: 15px; }
#contact-form legend { font-size: 0; height: 0; line-height: 0; text-indent: -9999px; }
#contact-form .input { display: block; margin-bottom: 10px; }
#contact-form label { display: block; float: left; width: 60px; color: #333; }
#contact-form textarea { width: 320px; }
#contact-form label span { overflow: auto; }
#contact-form label span { line-height: 1.2em; vertical-align: top; }
#contact-form label span { margin-top: 8px;}
#contact-form a { margin-left:5px;}
#captcha { margin-left:60px; margin-right:10px;}
#captchajobs { margin-left:190px;}
#contact-form .input input, #contact-form .input textarea { border: 1px solid #ddd; }
#contact-form .input input:hover, #contact-form .input textarea:hover { border-color: #636467; }
#contact-form .input input:focus, #contact-form .input textarea:focus { border-color: #bcbec0; background-color: #fcfff7; }
#contact-form .submit { padding-left: 60px; }
#contact-form .submit input { margin-right: 8px; background-color: #fff; color: #636467; cursor: pointer; width: 75px; height: 24px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0; }
#contact-form .submit input:hover, #contact-form .submit input:focus { background-color: #636467; border-color: #636467; color: #fff; }
/* -management-board*/
#management-board {
display:block;
width:106%;
overflow: auto;
height: 388px;
}
#management-board li {
padding-bottom:7px;
clear:both;
}
#management-board li a {
color:#fff;
text-decoration:none;
font-size:110%;
display:block;
width:90%;
padding:3px 5px;
}
#management-board li span {
display:block;
margin-left:5px;
}
#management-board li.president {
display:block;
float:left;
width:auto;
margin-bottom:20px;
}
#management-board li.president a {
display:block;
float:left;
width:auto;
background-color:#9d9fa1;
padding:5px 15px 5px 5px;
}
#management-board li a:hover {
background-color:#b0b2b4;
}
#management-board li a em {
font-style:normal;
font-weight:bold;
font-size:100%;
}
#management-board li a span { font-size:80%; color:red;}
p.info {
margin:0;
padding-top:20px;
padding-left:5px;
}
#management-detail-title {
height:100px;
}
#management-detail img{
float:right;
margin-bottom:10px;
margin-right:10px;
border:1px solid #979a9c;
}
#management-detail h1 {
font-size:130%;
margin-bottom:2px;
padding:5px 0;
}
#management-detail p {
margin-bottom:8px;
}
#management-detail h2 {
font-size:120%;
}
#management-detail .content-box {
height:310px;
width:435px;
}
/* =employment-form */
#employment-form {
padding:10px;
width:372px;
}
#employment-form h3 {
font-size:110%;
font-weight:bold;
margin:10px 0;
color:#084697;
clear:both;
float:left;
display:block;
color:#fff;
width:372px;
padding:5px ;
border-bottom:1px solid #A2A2A2;
}
#employment-form h4 {
clear:both;
font-size:110%;
font-weight:bold;
margin:15px 0;
clear:both;
display:block;
float:left;
width:90%;
}
#employment-form .input {
display:block;
width:100%;
clear:both;
float:left;
margin:2px 0 5px;
}
#employment-form .input label {
float:left;
display:block;
width:180px;
text-align:right;
}
#employment-form .input input {
display:inline;
width:180px;
float:right;
}
#employment-form .input input[type='text'] {
border:1px solid #979a9c;
}
#employment-form .radio {
width:140px;
padding-left:180px;
}
#employment-form .radio input {
width:20px;
float:left;
}
#employment-form .radio label {
text-align:left;
width:100px;
float:left;
}
#employment-form .radio input {
clear:both;
}
#employment-form .radio em {
display:block;
font-style:normal;
}
#employment-form .radio-box{
float:left;
width:auto;
margin:5px 0;
}
#employment-form .radio-box label {
width:180px;
text-align:right;
float:left;
margin-right:10px;
}
#employment-form .radio-box .input {
width:auto;
clear:none;
float:left;
margin: 0 5px 5px ;
}
#employment-form .radio-box .input input {
float:left;
width:auto;
}
#employment-form .radio-box .input label {
text-align:left;
display:block;
width:auto;
padding:1px 0;
margin-left:3px;
}
#employment-form .input textarea {
width:360px;
float:right;
margin:5px 0;
overflow:hidden;
}
#employment-form .submit {
clear:both;
}
#employment-form .submit input {
background:#bcbec0;
border:2px solid #979a9c;
color:#636467;
font-weight:bold;
cursor:pointer;
float:right;
padding:2px 10px;
width:auto;
}
#employment-form .submit input:hover {
background:#636467;
color:#bcbec0;
border-color:#636467;
}
/* =NAVIGATION */
#navigation {
clear:both;
width:100%;
height:55px;
display:block;
background-color:#fff;
}
#navigation ul {
display:block;
float:left;
background-color:#979a9c;
width:100%;
margin-top:15px;
}
#navigation li {
display:block;
float:left;
}
#navigation li a{
display:block;
text-decoration:none;
color:#fff;
padding:5px;
width:118px;
font-size:120%;
border-left:1px solid #fff;
}
#navigation li.first a {
border:none;
text-align:center;
}
#navigation li a:hover { background-color:#636467; }
#navigation li.lang-link {
float:right;
}
#navigation li.lang-link a{
width:50px;
text-align:center;
}
/* submenus */
#nav li ul {
position: absolute;
width: 130px;
left: -999px;
margin-top:0;
border-top:2px solid #fff;
}
#nav li:hover ul, #nav li.sfhover ul {
left: /*-5px;*/ -1px;
}
#nav li .arrow { background: url(../img/ico_arrow.gif) no-repeat 97% center; }
#nav li ul li {
clear:both;
}
#nav li ul li a {
border-bottom: 1px solid #fff;
border-right:1px solid #fff;
font-size:90%;
}
#navigation li.first ul a {
text-align:left;
border: 1px solid #fff;
}
/* subsubmenus */
#nav li ul ul {
margin: /*-1.8em*/ -2.1em 0 0 128px /*131px*/;
padding-left:3px;
background:transparent;
/*border-top:none;*/
}
#nav li ul ul li a {
background:#979a9c;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}
/* =FOOTER */
#footer {
clear:both;
display:block;
width:100%;
float:left;
height:80px;
background-color:#005aa2;
}
/* =subfooter */
#subfooter {
margin-top:2px;
float:left;
width:980px;
color:#dbdbdb;
}
#subfooter a {
text-decoration:none;
color:#dbdbdb;
padding:0 5px;
}
#subfooter a:hover { color:#333; }
#copyright {
float:left;
}
#production {
float:right;
display:block;
}
/* =paginator */
.paginator {
display:block;
position:absolute;
bottom: -6px;
font-size:125%;
font-weight:bold;
color:#004a80;
margin:10px 20px 10px 160px;
}
.paginator a {
font-size:80%;
color:#fff;
font-weight:bold;
text-decoration:none;
}
.paginator a:hover { color: #004a80; }
.paginator .prev {
margin-right:5px;
}
.paginator .next {
margin-left:5px;
}
.flash {
color:#FF0000;
font-size:110%;
font-weight:bold;
margin-bottom:10px;
text-align:center;
}
.flash2 {
color:#FF0000;
display:block;
font-size:110%;
font-weight:bold;
margin-bottom:10px;
margin-top:-9px;
}
.captcha_a { color: #333333; text-decoration:none; font-weight:bold;}
.captcha_a:hover { text-decoration:underline;}