html, body, div, span, h1, h2, h3, h4, dl, dt, dd, ul, li, p, img, table, tr, th, td, small, big, form, address { margin: 0; padding: 0; }
input, textarea, select { padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #bcbcbc; background: #fff url(../images/bg-input.png) repeat-x; }

#main a { color: black; font-weight: bold;}
a:hover { text-decoration: none; }
li      { list-style: none; }
img     { border: none; }

body  { background: #fff url(../images/bg-body.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; text-align: center; }
#page { width: 960px; margin: 0 auto; overflow: hidden; text-align: left; position: relative; }
#cols { overflow: hidden; position: relative; margin: 344px 0 12px 0; z-index: 1; }
#main { width: 708px; float: right; overflow: hidden; position: relative; }

/* top menu ----------------------------------------------------------------- */

#top-menu            { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; }
#top-menu li         { float: left; width: 170px; height: 66px; }
#top-menu li a       { display: block; width: 170px; height: 66px; line-height: 66px; text-align: center; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 14px; }
#top-menu li a:hover { color: #000; background: url(../images/bg-top-menu.png) repeat-x; }
#top-menu li.act a   { font-weight: bold; }

/* header ------------------------------------------------------------------- */

#header {  position: absolute; top: 66px; left: 0; overflow: hidden; height: 308px; background: url('bg-header.png') 557px 127px no-repeat; }
a#logo { margin-top: 28px; display: block; width: 323px; height: 46px; background: url(../images/logo.png) no-repeat; text-indent: -500px; overflow: hidden; float: left; }

#header-box        { overflow: hidden; width: 555px; float: right; margin: 0; display: inline; }
#header-box strong { font-size: 20px; color: #222; text-transform: uppercase; }
#header-box p      { margin: 12px 0 10px 3px; width: 170px; line-height: 1.3em; }
#header-box li     { margin: 0 0 5px 3px; line-height: 1.3em; text-transform: uppercase; font-weight: bold; }
#header-box li a   { color: #d6150c; }
.header-box-left { float:left; width:205px; margin-top:44px; padding-left:50px; } 
#header-flash { float:left; width:296px; height:229px;}

#header-boxes        { overflow: hidden; width: 400px; height: 192px; float: left; margin-top: 27px; }
#header-boxes div    { width: 185px; height: 192px; float: left; background: url(../images/bg-header-boxes.png) no-repeat; margin-right: 13px; position: relative; }
#header-boxes a      { width: 185px; height: 128px; display: block; color: #fff; position: relative; text-decoration: none; }
#header-boxes strong { display: block; font-size: 13px; text-transform: uppercase; margin: 12px 0 0 19px; }
#header-boxes small strong { margin:0; font-size:11px;}
#header-boxes img    { margin: 6px 0 4px 3px; }
#header-boxes small  { font-size: 11px; display: block; margin: 0 17px 5px 15px; line-height: 1.2em; }
#header-boxes middle  { font-size: 15px; font-weight: bold; display: block; margin: 0 17px 0px 15px; line-height: 1.2em; }
#header-boxes middle2  { font-size: 13px; font-weight: bold; display: block; margin: 0 17px 0px 15px; line-height: 1.2em; }
#header-boxes span   { text-decoration: underline; display: block; margin: 2px 10px 2px 17px; }
#header-boxes big    { font-size: 15px; font-weight: bold; }

/* breadcrumb --------------------------------------------------------------- */

#breadcrumb         { position: absolute; top: 251px; right: 0; width: 500px; text-align: right; }
#breadcrumb strong  { display: block; float: right; }
#breadcrumb span    { width: 5px; height: 6px; display: block; float: right; margin: 4px 6px 0 6px; background: url(../images/arrow-1.png) no-repeat; }
#breadcrumb a       { display: block; float: right; color: #050001; }

/* menu --------------------------------------------------------------------- */

#menu                 { width: 216px; position: relative; float: left; margin-top: 4px; }
#menu li              { width: 216px; border-bottom: 1px solid #fff; }
#menu li a            { width: 216px; height: 48px; display: block; background: url(../images/menu-1.png) no-repeat; line-height: 48px; color: #fff; text-decoration: none; text-transform: uppercase; text-indent: 17px; font-size: 14px; font-weight: bold; }
#menu li a:hover, 
#menu li a.act        { background-position: right top; color: #fff; } 
#menu li ul           { border-top: 1px solid #fff; border-bottom: 9px solid #fff; }
#menu li li           { border-top: 1px solid #fff; }
#menu li li a         { display: block; width: 202px; height: auto; line-height: 1.3em; padding: 8px 0 8px 14px; background: #e2e2e2 url(../images/menu-2.png) no-repeat; text-transform: none; text-indent: 0; font-size: 13px; font-weight: normal; color: #000; }
#menu li a:hover      { background-color: #d92517; background-position: right top; color: #fff; } 
#menu li li a.act     { font-weight: bold; background-color: #d92517; background-position: right top; color: #fff; } 
#menu li.collapsed ul { display: none; }
#menu ul ul ul        { display: none; position: absolute;margin-top:-35px; left: 216px; border-left: 3px solid #fff; border-bottom: none; }

/* styles ------------------------------------------------------------------- */

.text                 { overflow: hidden; position: relative; }
.text h1, .h1-like    { font-weight: bold; padding-left: 37px; font-size: 20px; height: 34px; margin-bottom: 4px; color: black; background: url(../images/bg-h1.png) 0 4px no-repeat; }
.h1-like              { margin-top: 40px; }
.text h2              { font-size: 16px; color: black; margin-bottom: 7px; }
.text h3              { font-size: 13px; color: black; margin-bottom: 7px; }
.text h4              { font-size: 11px; color: black; margin-bottom: 7px; }
.text p               { margin-bottom: 20px; line-height: 1.4em; text-align: justify; }
.text ul              { margin: 15px 0 20px 0; }
.text ul li,.text ol li{ padding-left: 13px; margin-bottom: 7px; line-height: 1.2em; background: url(td-bg.png) no-repeat; }
.text ol li           { background:none; list-style-type:decimal;}
.text strong          { font-size: 13px; color: black; }
.text strong.cervena { color:#dd3821; }
.text p.p-big         { font-size: 12px; line-height: 1.3em; text-align: left; }
.text img             { float: right; margin: 3px 0 15px 30px; }
.text img.image-left  { float: left; margin: 3px 30px 15px 0; }
.text img.image-right { float: right; margin: 3px 0 15px 30px; }
.text table td        {background-color:#fff;}
.text table td p      {padding:5px;}
.text table h2, .text table h3     {background-color:#EAEAEA; color:#000; padding:5px 0 5px 10px; text-transform:uppercase; margin:0;}
.text table h2 a, .text table h3 a {color:#fff !important;}
.text table img       {margin:20px; float:none;}
.text table a.detail  {font-size:0; display:inline-block; width:41px; height:13px; background:url(a-bg.png) left top no-repeat; position:relative; top:-3px;}

.box-providers         { overflow: hidden; margin-top: 12px; margin-left: -19px; }
.box-providers div     { float: left; width: 221px; background: url(../images/bg-providers.png) right top no-repeat; border: 1px solid #e4e4e4; margin-left: 19px; }
.box-providers div img { margin: 14px 0 9px 15px; }
.box-providers div p   { margin: 0 14px 14px 14px; text-align: left; }
.box-providers div h3  { margin: 0 14px 0 14px; text-transform: uppercase; color: #d31308; }

.gallery    { width: 100%; border-collapse: collapse; text-align: center; margin-bottom: 10px; }
.gallery td { text-align: center; padding: 7px 0; }
a.more      { display: inline; float: none; color: #d7130a; text-transform: uppercase; font-weight: bold; }
.gallery img { float:none; margin: 0;}

/* contact ------------------------------------------------------------------ */

#contact-big     { overflow: hidden; position: relative; margin: 3px 0; } 
#c-text          { color: black; float: left; width: 219px; height: 205px; line-height: 1.4em; padding-left: 20px; padding-top: 15px; background: #f0f0f0 url(../images/bg-contact.png) right bottom no-repeat; }
#c-text address  { margin: 14px 0 0 16px; font-style: normal; }
#c-text strong   { display: block; font-size: 13px; margin-bottom: 10px; color: black;}
#c-text dt       { float: left; width: 39px; margin-left: 1px; display: inline; color: black; }
#c-text a        { color: black; }
#c-form          { float: right; width: 451px; height: auto; background: #eaeaea; padding: 10px 0 0 15px; position: relative; }
#c-form p        { overflow: hidden; line-height: 22px; height: 24px; margin-bottom: 5px; position: relative; }
#c-form label    { width: 52px; float: left; cursor: pointer; }
#c-form select   { width: 200px; float: left; margin-top: 2px; padding: 2px; }
#c-form input    { float: left; width: 148px; margin-right: 17px; }
#c-form textarea { width: 425px; height: 80px; overflow: auto; margin-bottom: 5px; }
#c-form span     { color: #d7130a; }
#c-form #send    { background: #fd6624 url(../images/bg-submit.png) no-repeat; border: none; cursor: pointer; padding: 0; color: #fff; font-weight: bold; text-transform: uppercase; float: right; width: 80px; height: 22px; position: absolute; top: 2px; right: 2px; }

#c-text #left                   { float: left; width: 250px; }
#contact-small #c-text #right   { padding-left: 170px; }
#contact-big #c-text #right     { padding-top: 45px;}

#contact-small             { width: 466px; float: right; position: relative; }
#contact-small #c-text     { height: 86px; margin: 11px 0 2px 0; width: 446px; position: relative; }
#contact-small address     { margin-top: 9px; }
#contact-small strong      { margin-bottom: 8px; }
#contact-small dl.dl-right { position: absolute; top: 32px; left: 227px; width: 180px; }

.sys       { position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -132px; width: 264px; height: 121px; display: none; }
.sys.error { background: #000 url(../images/sys-error.png) no-repeat; }
.sys.ok    { background: #000 url(../images/sys-ok.png) no-repeat; }

/* homepage ----------------------------------------------------------------- */

#hp-boxes            { height: 173px; overflow: hidden; margin-top: 8px; }
#hp-boxes div        { float: left; width: 223px; height: 173px; position: relative; background-color: #df4428; }
#hp-box-1            { background: url(../images/box-home-1.jpg) no-repeat; margin-right: 19px; color: #fff; }
#hp-box-2            { background: url(../images/box-home-2.jpg) no-repeat; margin-right: 20px; }
#hp-box-3            { background: url(../images/box-home-3.jpg) no-repeat; }
#hp-boxes h2         { font-size: 14px; text-transform: uppercase; margin: 12px 0 0 15px; }
#hp-boxes h2 a       { color: black; text-decoration: none; }
#hp-boxes h2 a:hover { text-decoration: underline; }
#hp-boxes p          { margin: 13px 15px 0 15px; }
#hp-box-1 h2         { font-size: 18px; }
#hp-box-1 p          { margin-top: 0; }
#hp-box-1 h2 a       { color: #fff; }
#hp-boxes strong     { display: block; font-size: 13px; text-transform: uppercase; margin: 9px 15px 0 15px; }
#hp-boxes a.more     { font-size: 12px; color: black; font-weight: bold; position: absolute; top: 135px; left: 17px; }

#hp-cols          { overflow: hidden; margin-top: 31px; }
#hp-cols .h1-like { margin-top: 0; }
#hp-news          { width: 223px; float: left; }
.news-item        { width: 223px; overflow: hidden; margin: 16px 0 10px 0; }

#hp-news img      { border: 2px solid #ccc; float: left; margin-right: 9px; }
#hp-news h3 a     { font-size: 12px; color: black; font-weight: bold; margin-bottom: 10px; display: block; }
#news-all         { font-size: 12px; font-weight: bold; color: black; }
.news-item h3 { width:130px; color: black; float:right;}

.new { height:140px;}
.new .news-img { float: left; width: 150px; height:150px;  margin: 0 15px 0 0;  }
.new .news-img img { float:left; margin-left:0;}
.news-text p {margin-bottom:0;}
.news-text p.date {padding-bottom: 5px;}
.news-text p.desc { height: 58px; overflow: hidden;} 
.news-text a {text-decoration:underline; font-weight: bold;}
.news-text a:hover { text-decoration: none;}
.news-text .date a {font-size: 1.1em; }
.new .news-text { float: left; width:520px; }
.new-date {  font-size: 0.6875em; padding: 0 0 10px 0;  }
.new-detail-left { float: left; width:490px;}
.new-detail-left a { font-weight: bold;}
.new-detail-right { float: left; width:220px;}
.new-detail-right a { font-size: 0.6875em; color: color: black; text-decoration:underline;}
.new-detail-right span {float: right; background: url('lupa.png') no-repeat 10px 8px;  width: 70px; padding:8px 0 0 15px; text-align:right; text-decoration:underline; cursor:pointer; cursor:hand;}

/* footer ------------------------------------------------------------------- */

#footer              { overflow: hidden; position: relative; height: 216px; background: url(../images/bg-footer.png) repeat-x; text-align: center; }
#footer div          { position: relative; text-align: left; margin: 0 auto; width: 1024px; color: #fff; }
#footer div div      { margin: auto; width: auto; }
#footer a            { color: #fff; }
#footer #f-1         { position: absolute; top: 85px; left: 0; font-size: 11px; }
#footer #f-1 a       { font-weight: bold; text-decoration: none; }
#footer #f-1 a:hover,
#footer #f-3 a:hover { text-decoration: underline; }
#footer #f-2         { position: absolute; top: 125px; text-align: left; }
#footer #f-3         { position: absolute; top: 180px; left: 0; text-transform: uppercase; }
#footer #f-3 a       { text-decoration: none; }
#footer #f-4         { position: absolute; top: 180px; right: 0; text-align: right; }

.cleaner {clear:both; visibility:hidden; height:0;}
.pager { width: 100%; text-align:center;}
.text .pager li { list-style-type:none; background: none; display:inline;padding:0; font-weight: bold; padding:0 10px 8px 10px; line-height:35px;}
.pager ul li a { text-decoration:underline; color:#000000;  }
.pager li.first { cursor:pointer; cursor:hand; width:22px;}
.pager li.prev { cursor:pointer; cursor:hand; margin-right:10px;}
.pager li.next { cursor:pointer; cursor:hand; margin-left:10px;}
.pager li.last { cursor:pointer; cursor:hand;} 
.pager.bottom { padding-top:10px;}

#news_date_detail { font-weight: bold; padding-top: 10px;}
span.red { color:#D81A11; font-weight:bold;}
img.greenl { float:right; margin-right:30px; }
img.greenl2 { margin-left: 0; float:left; }

#popup {position:absolute; width:711px; top:66px; left:125px; z-index:100; border:solid 1px #000;}
#popupTop {width:711px; height:83px; background:url(popup-top.jpg) left top no-repeat;}
#popupTop a {display:block; width:83px; height:83px; float:right; margin:0;}
#popupBottom {height:476px;}