/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body        { font-family: 'UbuntuRegular', 'Trebuchet MS', Arial, sans-serif; font-size: 13px; color: #666; background: #fff url("../img/bg.png") repeat; }
a img       { border: 0; }
.none       { display: none; }
.hidden     { visibility: hidden; }
.clear      { margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| container |_____________________ */


.container { margin: 0 auto; width: 960px; position: relative; }
.cover { width: 100%; min-height: 640px; background: url("../img/bg_cover.png") repeat-x top; }


/* ___| header |_____________________ */


.header { margin: 0 0 5px 0; width: 960px; height: 92px; }

//.header #logo { margin: 0; padding: 0; left: 0; top: 35px; width: 146px; height: 38px; overflow: hidden; background: none; display: block; position: relative; }
//.header #logo a { width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; color: #000; font-size: 20px; text-decoration: none; cursor: pointer; display: block; }
//.header #logo span { left: 0; top: 0; width: 100%; height: 100%; background: url("../img/logo.png") no-repeat 0 0; display: block; position: absolute; }

.header #logo { margin: 0; padding: 0; left: 0; top: 25px; width: 250px; height: 27px; overflow: hidden; background: none; display: block; position: relative; }
.header #logo a { width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; color: #000; font-size: 20px; text-decoration: none; cursor: pointer; display: block; }
.header #logo span { left: 0; top: 0; width: 100%; height: 100%; background: url("../images/logo.png") no-repeat 0 0; display: block; position: absolute; }



p.claim { position: absolute; top: 0; right: 0; text-indent: -1000px; overflow: hidden; width: 192px; height: 32px; background: url("../img/top-claim.png") no-repeat; }

.box-img { margin: 10px; width: 930px; padding-bottom: 8px; height: 316px; background: url("../img/bg_box-img.png") no-repeat bottom; padding: 0;  }


/* ___| menu |_____________________ */

/*
menu { position: absolute; top: 67px; right: 0; }
menu li { margin: 0; float: left; font-weight: bold; font-family: 'UbuntuBoldItalic'; font-size: 14px; list-style: none; }
menu li a { display: block; padding: 6px 7px 0 7px; height: 19px; background: #2ca61e; color: #fff; text-decoration: none; }
menu li a:hover { background: #45b438; }
menu li.now a, menu li.now a:hover { background: #fff; color: #2ca61e; }
menu li.black a, menu li.black a:hover { color: #000; }
menu li.black a:hover { background: #2ca61e; }
*/
menu { position: absolute; top: 67px; right: 0; }
menu li { margin: 0; float: left; font-weight: bold; font-family: 'UbuntuBoldItalic'; font-size: 14px; list-style: none; }
menu li a { display: block; padding: 6px 7px 0 7px; height: 19px; background: #2ca61e; color: #fff; text-decoration: none; }
menu li a:hover { background: #45b438; }
menu li.now a, menu li.now a:hover { background: #fff; color: #2ca61e; }
menu li.black a, menu li.black a:hover { color: #000; }
menu li.black a:hover { background: #2ca61e; }

menu li ul { background-color: #2CA61E; display: none; position: absolute; top: 25px; width: 164px; height: auto; padding-top: 10px; }
menu li ul li { margin-bottom: 14px; list-style: none; color: #fff; font-weight: bold; font-size: 12px; position: static; }
menu li ul li a, menu li.now ul li a { float: none; background: none; display: block; width: 136px; padding: 0 12px; height: auto; line-height: 15px; vertical-align: inherit; color: #fff; text-decoration: none; cursor: pointer; }
menu li ul li a:hover, menu li ul li.now a { color: #ffffff; background: none; }

menu li ul li ul { display: none; position: absolute; top: 0; left: 165px; width: 164px; height: auto; padding-top: 10px; }
menu li ul li ul li { margin-bottom: 14px; list-style: none; color: #fff; font-weight: bold; font-size: 12px; position: relative; }
menu li ul li ul li a, menu li.now ul li.now ul li a { float: none; background: none; display: block; width: 136px; padding: 0 12px; height: auto; line-height: 15px; vertical-align: inherit; color: #fff; text-decoration: none; }
menu li ul li ul li a:hover, menu li.now ul li ul li a:hover { color: #fff; background: none; }


/* ___| slider |_____________________ */


.slide { margin: 0; width: 960px; height: 384px; position: relative; }
#slider { width: 960px; }
#slider ul, #slider li { margin: 0; padding: 0; width: 960px; list-style: none; }
#slider li { width: 960px; height: 320px; overflow: hidden; position: relative; }
#slider li img { margin: 0; padding: 0; float: left; }

.slide #controls a.prevBtn { position: absolute; top: 126px; left: 0; text-indent: -1000px; overflow: hidden; width: 64px; height: 64px; background: url("../img/btn-prev.png") no-repeat 0 0; }
.slide #controls a.prevBtn:hover { background-position: 0 -64px; }
.slide #controls a.pout { left: -64px; }
.slide #controls a.nextBtn { position: absolute; top: 126px; right: 0; text-indent: -1000px; overflow: hidden; width: 64px; height: 64px; background: url("../img/btn-next.png") no-repeat 0 0; }
.slide #controls a.nextBtn:hover { background-position: 0 -64px; }
.slide #controls a.nout { right: -64px; }

.slide .logo-vertical { width: 64px; height: 128px; position: absolute; right: 128px; bottom: 0; background: url("../img/logo-vertical.png") no-repeat 0 0; }


/* ___| column |_____________________ */


.column { margin: 0; width: 250px; float: left; padding-top: 36px; }

ol.vyhody { margin: 0; }
ol.vyhody li { margin: 0 0 35px 0; padding-left: 56px; list-style: none; }
ol.vyhody li#ol1 { background: url("../img/ol1.png") no-repeat 0 0; }
ol.vyhody li#ol2 { background: url("../img/ol2.png") no-repeat 0 0; }
ol.vyhody li#ol3 { background: url("../img/ol3.png") no-repeat 0 0; }
ol.vyhody li#ol4 { background: url("../img/ol4.png") no-repeat 0 0; }
ol.vyhody li#ol5 { background: url("../img/ol5.png") no-repeat 0 0; }


/* ___| content |_____________________ */

.cols { width: 902px !important; float: left; clear: both; }
.col-left { margin: 0 60px 0 0; width: 421px; float: left; }
.col-right { width: 421px; float: left; }
.col { margin: 0; width: 210px; float: left; }
.main .col p b { color: #fff; }

#cont { margin: 0 0px 0 0px; padding-top: 10px; width: 960px; float: left; }
div.content { min-height: 300px; }
.content h1 { margin: 20px 0 12px 0; color: #2ca61e; font-size: 40px; line-height: 40px; letter-spacing: -3px; font-family: 'UbuntuBoldItalic'; }
.content h2 { margin-bottom: 6px; color: #000; font-size: 17px; line-height: 20px; font-family: 'UbuntuBold'; }
.content h3 { margin-bottom: 6px; color: #000; font-size: 17px; line-height: 20px; font-family: 'UbuntuBold'; }
.content p { margin-bottom: 12px; line-height: 19px; }
.content p strong { color: #000; font-family: 'UbuntuBold'; }
.content p.text-green { font-size: 19px; line-height: 27px; letter-spacing: -1px; color: #2ca61e; font-family: 'UbuntuBoldItalic'; }
.content p.text-green span { font-size: 38px; line-height: 38px; letter-spacing: -1px; }
.content p.text-bg-green { margin: 20px 0 -5px 0; text-indent: -1000px; overflow: hidden; width: 190px; height: 92px; background: url("../img/text_vyhody.png") no-repeat; }

.hightlight { color: #000; font-family: 'UbuntuBoldItalic'; }

.content .produkt { margin: 0 0 20px 0; width: 380px; background: url("../img/bg_produkt.png") repeat; }
.content .produkt img { float: left; }
.content .produkt-desc { margin: 0; padding: 27px 25px 22px 25px; width: 330px; background: #2ca61e; }
.content .produkt-desc h2 { margin-bottom: 4px; color: #fff; font-size: 31px; line-height: 34px; font-family: 'UbuntuBoldItalic'; text-align: center; letter-spacing: -1px; }
.content .produkt-desc p { margin: 0; font-family: 'UbuntuBoldItalic'; line-height: 13px; font-size: 13px; text-align: right; color: #000; }
.content .produkt-desc p a { text-decoration: none; color: #000; }
.content .produkt-desc p a:hover { color: #eee; }
.content .produkt-desc p.sub-tit { margin: 0 0 2px 0; font-family: 'UbuntuBoldItalic'; line-height: 20px; font-size: 20px; text-align: center; color: #fff; }


/* ___| footer |_____________________ */


.footer { margin: 0; width: 100%; height: 151px; background: url("../img/bg_footer.png") repeat-x bottom; float: left; clear: both; }
.footer-in { margin: 0 auto; padding-top: 96px; width: 960px; height: 55px; background: url("../img/bg_footer-in.png") no-repeat right top; position: relative; }
.footer-in p { line-height: 18px; }
.footer-in p a { color: #666; text-decoration: none; }
.footer-in p a:hover { color: #000; }
.footer-in p.claim { top: auto; bottom: 0; }



p#controls { visibility: hidden; }


p#lang { z-index: 55; position: absolute; right: 0; top: 50px; text-transform: uppercase; color: #000; font-size: 13px; cursor: pointer; }
ul#lang2 { z-index: 55; position: absolute; right: 0px; top: 50px; }
ul#lang2 li { padding-left: 3px; list-style: none; text-transform: uppercase; color: #000; font-size: 13px; float: left; }
ul#lang2 li a { color: #000; text-decoration: none; }
ul#lang2 li a:hover, ul#lang2 li.now a { color: green; }


ul#flags { margin: 0; position: absolute; top: 45px; right: 0px; }
ul#flags li { margin: 0 2px; display: inline; list-style: none; }
ul#flags li img { border: 1px solid #963e16; }


/*    HomePage   */
div.home_top_col { float: left; width: 300px; padding: 0 10px 0 10px;  }
div.home_top h2 { color: #036A80; margin: 5px 0 0 0; }
div.home_top div.line1 { height: 3px; margin: 0 0 10px 0; background-color: #5FC10A; }

.art-Post { margin: 0; padding: 5px; min-width:15px; min-height:15px; float: left; background-color: #F0E8DC;  }

/*    ITC    */

ul#flags { margin: 0; position: absolute; top: 45px; right: 0px; }
ul#flags li { margin: 0 2px; display: inline; list-style: none; }
ul#flags li img { border: 1px solid #963e16; }

/* ___| slider |_____________________ */

#slider { width: 720px; height: 240px; overflow: hidden; position: relative; }
#slider img { margin: 0; padding: 0; float: left; }

#slider { height: 240px; overflow: hidden; position: relative; width: 720px; border: solid 0px #ccd7e1; }
#slider img { position: absolute; left: 0px; top: 0px; width: 720px; height: 240px; }
#slider .slide { padding: 0px; height: 240px; width: 720px; }
#slider .slide img { float: left; }
#slider .slide div { margin-left: 0px; float: left; }
#slider .slide div h2 { margin: 0px; padding: 0px; }


#slider .slide div a { position: absolute;  bottom: 15px; left: 320px; display: block; background-image: url(../images/bg7.png); background-repeat: no-repeat;
                       background-position: left center; color: #E00019; text-decoration: none; padding-left: 0px; }

/*  HomePage   */
div.home_top_col { float: left; width: 220px; padding: 0 10px 0 10px; }
div.home_top h3 { color: #036A80; margin: 5px 0 0 0; text-align: center; }
div.home_top div.line1 { height: 3px; margin: 0 0 10px 0; background-color: #5FC10A; }

.greentab table { font-size: 13px; }
.greentab th,th { padding: 5px; }
.greentab td { background-color: rgb( 200, 229, 202); }
.greentab th { background-color: rgb( 120, 197, 136); }
.greentab tr:hover td { background-color: rgb( 200, 229, 188) ; }
.greentab tr:hover th { background-color: rgb( 120, 205, 155); }

.nostyle td { padding: 0px; background-color: white; }
.nostyle tr:hover td { background-color: white; }

.check li { padding: 3px 0px; line-height: 15px; list-style-image: url(../images/check.png); }