html { height: 100%; }
body { background: #bcbdac url(../images/background.png) repeat-x; height: 100%; font-size: 13px; font-family: "Lucida Sans Unicode",Arial,Helvetica,sans-serif; }

/* ===== GLOBAL ===== */
.wrapper { width: 950px; margin: 0 auto; position: relative; }
.center { margin: 0 auto; }
.abs-center { position: absolute; left: 0; right: 0; margin: 0 auto; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textjustify { text-align: justify; }
.italic { font-style: italic; }
.ovh { overflow: hidden; }
.noborder, table.noborder td { border: 0 !important; }
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.meta { font-size: 11px; margin-top: 10px; display: block; }
.floatleft { float: left; }
.floatright { float: right; }
.clearfix { clear: both; }
.hide { display: none !important; }
.show { display: block !important; }
.mini { font-size: 11px; }
.large { font-size: 14px; }
.width70p { width: 70%; }
.width570 { width: 570px !important; }
.width300 { width: 300px !important; }
.width650 { width: 650px !important; }
.width230 { width: 230px !important; }
.paddl { padding-left: 20px; }
.bg-dark { background: #3f3f3f; }
.bg-light { background: #ecede3; padding: 5px 20px; margin-bottom: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.nice-link { background: #3f3f3f; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; text-decoration: none; color: #fff; }
.nice-link:hover { color: #ddd; }


/* Main Site */
.rel { position: relative; height: 130px; }
.logo { height: 120px; top: 10px; left: 10px; position: absolute; }
#language { background: url(../images/language.png) no-repeat; width: 68px; padding: 4px 20px; height: 26px; position: absolute; top: 10px; right: 3px; }
#language div { padding: 0 4px; float: left; }
#language a { display: block; width: 26px; height: 18px; }
#language img { opacity: 0.4; filter:Alpha(Opacity=40); border: 1px solid #111; }
.slogan { position: absolute; top: 48px; left: 185px; }
.logo-kc { width: 100px; height: 46px; position: absolute; top: 60px; right: 13px; }
.logo-site-plan { width: 180px; height: 58px; position: absolute; top: 60px; right: 130px; }

.stripe { height: 77px; }
.stripe .left, .stripe .right { width: 10px; height: 58px; float: left; }
.stripe .left { background: url(../images/stripe-left.png) no-repeat; }
.stripe .right { background: url(../images/stripe-right.png) no-repeat; }
.stripe .main { background: #3f3f3f; width: 930px; height: 58px; float: left; }
.stripe .menu { list-style-type: none; margin: 0; }
.stripe .menu li { float: left; height: 58px; margin: 0; text-align: center; }
.stripe .menu li a { display: block; padding: 0 10px; height: 58px; line-height: 58px; text-decoration: none; color: #ddd; }
.stripe .menu li a:hover, .stripe .menu li a.sel { background: #4d4d4d; color: #fff; text-shadow: #222 1px 1px 0px; }
.stripe .right-part { background: #4d4d4d; float: right; padding: 0 25px; height: 58px; line-height: 58px; color: #fff; }
.stripe .shadow-left, .stripe .shadow-right { width: 141px; height: 19px; }
.stripe .shadow-left { background: url(../images/shadow-left.png) no-repeat; float: left; }
.stripe .shadow-right { background: url(../images/shadow-right.png) no-repeat; float: right; }

.slider { width: 750px; height: 210px; margin: 20px auto 15px; overflow: hidden; position: relative; }
.coda-slider { height: 220px !important; }
.slider .panel { width: 750px; height: 220px; float: left; display: block; }
.slider .poza { float: left; margin-left: 30px; }
.slider .txt { width: 400px; float: right; color: #fff; margin-right: 30px; }
.slider .txt h2 { text-shadow: 1px 1px 1px #555; }
.slider .txt h2 a { color: #fff; text-decoration: none; }
.slider .txt h3 { text-shadow: 1px 1px 1px #777; }
.slider .arrow-left, .slider .arrow-right { position: absolute; width: 24px; height: 21px; bottom: 10px; opacity: 0.7; filter:Alpha(Opacity=70); }
.slider .arrow-left { background: url(../images/left-arrow.png) no-repeat; right: 60px; }
.slider .arrow-right { background: url(../images/right-arrow.png) no-repeat; right: 30px; }
.slider .arrow-left a, .slider .arrow-right a { display: block; width: 24px; height: 21px; }
.slider .shadow-left, .slider .shadow-right { width: 40px; height: 250px; position: absolute; top: 0; }
.slider .shadow-left { background: url(../images/slider-shadow-left.png) no-repeat; left: 0; }
.slider .shadow-right { background: url(../images/slider-shadow-right.png) no-repeat; right: 0; }

.page { color: #777; font-size: 12px; margin-top: 10px; }
.page h1 { font-size: 22px; margin-bottom: 20px; }
.page .top-bg { background: url(../images/page-top.png) no-repeat; height: 10px; }
.page .bottom-bg { background: url(../images/page-bottom.png) no-repeat; height: 10px; }
.page .main { background: #e3e4da; width: 920px; padding: 0 15px; overflow: hidden; min-height: 400px; }
.page .main .shadow-horizontal { background: url(../images/shadow-horizontal.png) no-repeat; width: 735px; height: 19px; margin: 0 auto; }
.page .main .left { float: left; width: 730px; background: url(../images/shadow-vertical.png) no-repeat right center; padding-right: 40px; }
.page .main .right { width: 150px; min-height: 480px; float: right; position:relative; }
.page .main .right p { margin-top: 0; }
.page .main .right .img-cnt { margin: 20px 0; position:absolute; bottom:0; right; width:100%; }

.box { background: #fff; padding: 10px; width: 260px; border: 1px dotted #999; float: left; margin: 15px 0 10px 20px; height: 440px; position: relative; }
.box h2 { margin: 15px 0 5px; }
.box h3 { font-size: 13px; margin-bottom: 20px; }
.box li { margin: 0; }
.box .abs-bottom { position: absolute; bottom: 10px; width: 260px; }

.video-box { padding: 5px; width: 425px; margin: 15px auto 10px; }

ul.top-thumbs { list-style-type: none; margin: 0; height: 85px; margin: 0 auto 10px; }
ul.top-thumbs li { position: relative; float: left; width: 135px; height: 85px; margin: 0 5px; }
ul.top-thumbs li .over { position: absolute; background: url(../images/top-thumb.png) no-repeat; width: 135px; height: 85px; z-index: 1; }
ul.top-thumbs li .img { position: absolute; }


/* Footer */
.footer { background: #8b8b7d; padding-top: 50px; color: #fff; font-size:11px; margin-top: -30px; height: 90px; }
.footer a {color: #ccc; text-decoration: none; }
.footer a:hover, .footer a.sel { color: #fff; text-decoration: underline; }


/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 26px; line-height: 1; margin: 0.2em 0 0.5em; }
h2 { font-size: 18px; margin-bottom: .7em; }
h3 { font-size: 15px; margin-top: 0.2em; }
h4 { font-size: 1.65em; line-height: 1.25; margin-bottom: .5em; }
h5 { font-size: 1.45em; font-weight: bold; margin-bottom: .4em; }
h6 { font-size: 1.25em; font-weight: bold; }
h1 a { text-decoration: none; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }

/* Text elements */
p           { margin: 10px 0; }

a:focus, a.sel, 
a:hover     { color: #666; text-decoration: none; }
a           { color: #888; text-decoration: underline; }/*b3690a*/

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
ul, ol      { margin: 0 0 0 25px; }
ul          { list-style-type: disc; }
ul li		{ margin-bottom: 5px; }
ol          { list-style-type: decimal; }
ol li		{ margin-bottom: 10px; }
ul.romans	{ list-style-type: upper-roman; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; text-align: left; background: #3f3f3f; color: #fff; vertical-align: middle; padding: 3px 3px 3px 10px; border-bottom: 1px solid #666; }
td       	{ padding: 2px; vertical-align: middle; padding: 2px 2px 2px 10px; border-bottom: 1px solid #ccc; background: #e3e4da; }
tr.alt td	{ background: #555; color: #aaa; }

.features td { padding: 5px; width: 50%; vertical-align: top; }


/* Forms */
.caption, #panel .caption { clear: left; float:left; width: 80px; height: 19px; line-height: 19px; padding: 0; }
.field { float:left; margin-bottom: 5px; }
input[type="text"], input[type="submit"], select, textarea { background: #fff; font-size:11px; padding: 2px 4px; border: 1px solid #ccc; width: 200px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #777; }
textarea { width: 300px; height: 100px; font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif; }
input[type="submit"], input[type="reset"] { padding: 3px 15px; width: auto; color: #bf7678; }
input[type="submit"]:hover, input[type="reset"]:hover { cursor: pointer; }
.secCodeImg { margin-bottom:2px; }
.secCodeInput { width: 90px !important; }

.msg { background: #fff; border:1px solid #aaa; padding:0 5px !important; margin:10px 20px; text-align:center; font-size: 11px; }
.error { color: #780d0d !important; }
.success { color: #53b618 !important; }
.connect_widget_text { color: #fff !important; }