/* Global 
---------------------------------------------------------- */

* {	padding:0; margin:0; }
html, body { width: 100%; height: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #464646;
	background: #f9f8f3;
}
body#inner-page { background: url(../images/body_gradient.jpg) 100% repeat-y #faf8ec; }
p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 20px 0;
	font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 25px 0 15px 0;
}
li, dd, blockquote { 
	margin-left: 30px; 
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

/* Table */
table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }

/* Inputs */
input { padding-left: 3px; }

/* Lists */
ul li { margin: 30px 0 30px 125px; padding: 0 0 0 35px; background: url(../images/bullet.gif) no-repeat; list-style: none; }

/* Text */
p, ul { line-height: 1.5em; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }

/* Links 
---------------------------------------------------------- */

:focus
{
  -moz-outline-style: none;
}

a img { border: 0; }
a {
	text-decoration: underline;
	color: #464646;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #464646;
}

/* Layout 
---------------------------------------------------------- */

.left-bg, .right-bg { position:absolute; left:0; top: 14px; width:50%; height: 385px; background: url(../images/body_bg_left.jpg) repeat-x; }
.right-bg { right: 0; left: auto; background: url(../images/body_bg.jpg) repeat-x; }

#page { font-size: 1.2em; }

/* Index page */
#index-page #page { position: relative; min-width: 980px; min-height: 628px; border-top: 14px solid #203f51; background: url(../images/bg.jpg) 50% -14px no-repeat; }
#index-page #header { position: relative; width: 980px; height: 483px; margin: 0 auto; cursor: default; }

/* Inner pages */
#inner-page #page { min-width: 995px; min-height: 100%; height: auto !important; height: 100%; position: relative; }
#inner-page #header { border-top: 14px solid #203f51; background: url(../images/sky_bg.jpg) 50% -14px no-repeat; }
#inner-page .left-bg { height: 320px; background: url(../images/header_bg_left.jpg) 0 -14px repeat-x; }
#inner-page .right-bg { height: 320px; background: url(../images/header_bg_right.jpg) 0 -14px repeat-x; }
#inner-page #content { position: relative; z-index: 2; width: 93%; min-height: 330px; margin: 20px auto 0; padding: 0 0 40px 0; overflow: hidden; zoom: 1; }
#main { display: inline; float: left; width: 62%; margin: 0 0 0 4%; }
#aside { float: right; width: 27%; padding: 140px 0 0 0; }
#footer { position: absolute; z-index: 1; bottom: 0; width: 100%; border-bottom: 9px solid #e0ddc5; }

/* Header
---------------------------------------------------------- */

#tree { position: absolute; overflow: hidden; top: 14px; right: 0; width: 27%; height: 739px; }

#langs { position: absolute; top: 0; right: 0; }
#langs ul { margin: 0; }
#langs ul li { float: left; margin: 0 1px; padding: 0; background: none; list-style: none; line-height: normal; }
#inner-page #langs { top: 14px; right: 11%; }

#akcija {
	position: absolute; top: 0; right: 115px;
}

#nav { float: left; width: 99.9%; margin: 0 0 24px 0; }
#nav ul { display: table; margin: 0 auto; }
#nav ul li { position: relative; display:table-cell; float: left; margin: 0; padding: 7px 12px 0; background: none; list-style: none; line-height: normal; }
#nav ul li a { display: block; overflow: hidden; }
#nav ul li a:hover { height: 14px; }
#nav ul li.active { position: relative; zoom: 1; height: 21px; margin: 0 16px; padding: 2px 20px 0; background: url(../images/nav_bg.gif) 0 100% #203f51; }
#nav ul li.active i, #nav ul li.active b { position: absolute; top: 0; display: block; width: 23px; height: 23px; }
#nav ul li.active i { left: -23px; background: url(../images/nav_left.png) no-repeat; }
#nav ul li.active b { right: -23px; background: url(../images/nav_right.png) no-repeat; } 
#inner-page #nav { margin-bottom: 14px; }
#inner-page #nav ul { display: block; margin: 0 0 0 25%; }
#inner-page #nav ul li { display: block; }

#logo { width: 128px; height: 109px; margin: 0 0 0 82px; }
#inner-page #logo { display: inline; float: left; margin: 0 0 27px 5%; padding: 0 0 0 20px; }

#sub-nav { margin: 71px 0 0 26%;  }
#sub-nav ul { width: 70%; margin: 0; }
#sub-nav ul li { position: relative; float: left; margin: 0 7px 3px 0; padding: 0; background: url(../images/subnav_bg.png); list-style: none; line-height: normal; }
#sub-nav ul li a { display: block; padding: 3px 5px; font-family: Tahoma; text-decoration: none; white-space: nowrap; color: #263252; }
#sub-nav ul li a:hover, #sub-nav ul li.active a { background-color: #909e46; color: #fff; }
#sub-nav ul li a i, #sub-nav ul li a b { position: absolute; top: 0; display: block; width: 2px; height: 20px; }
#sub-nav ul li a i { left: -2px; background: url(../images/subnav_left.png); }
#sub-nav ul li a b { right: -2px; background: url(../images/subnav_right.png); }
#sub-nav ul li a:hover i, #sub-nav ul li.active i { background: url(../images/subnav_left_active.gif); }
#sub-nav ul li a:hover b, #sub-nav ul li.active b { background: url(../images/subnav_right_active.gif); }

#accent { position: relative; clear: both; overflow: hidden; width: 93%; height: 183px; background: #494949; margin: 0 auto; background-repeat: repeat-x; }
.accent_bg { width: 100%; height: 100%; margin-left: -35%; padding-left: 35%; background-repeat: no-repeat !important; }
.accent_lt { position: absolute; left: 0; top: 0; line-height: 9px; }
.accent_rt { position: absolute; right: 0; top: 0; line-height: 9px; }
.accent_rb { position: absolute; right: 0; bottom: 0; line-height: 9px; }
.accent_lb { position: absolute; left: 0; bottom: 0; line-height: 9px; }
#accent_text { float: right; width: 45%; padding: 32px 10% 0 0; }
#accent_text h2 { margin: 0; }
#accent_text p { margin-top: 15px; opacity: 0.7; filter: alpha(opacity=70); zoom: 1; font-family: Tahoma; font-size: 1.2em; line-height: 1.3em; color: #fff; }

/* Content
---------------------------------------------------------- */

/* Index page */
#index-page #content { margin: 0 auto; }
#promo { display: inline; float: right; width: 61%; padding: 0 0 30px 0; font-size: 0.9em; }
#promo ul { margin: 0; }
#promo ul li { float: left; width: 33%; margin: 0; padding: 0; background: none; list-style: none;  }
#promo ul li div { padding-right: 45px; }
#promo ul li span { }
#promo ul li .title { margin-left: 12px; }
#promo ul li p { margin: 10px 0; }
#promo .first { margin-top: 82px; }
#promo .second { margin-top: 36px; }
#promo .third { margin: 0; }
#promo .first .title, #promo .third .title { margin-bottom: -4px; }

.gallery ul { margin: 0 0 0 -14px; padding: 10px; overflow: hidden; zoom: 1; }
.gallery li { float: left; margin: 0 40px 40px 0; padding: 0; background: none; }

#prev-next { margin: 30px 0 0 0; overflow: auto; zoom: 1; font-family: Tahoma; }
.next { float: right; padding: 0 25px 0 0; background: url(../images/next.gif) 100% 2px no-repeat; }
.prev { float: left; padding: 0 0 0 25px; background: url(../images/prev.gif) 0 2px no-repeat; }

/* Sidebar (Right)
---------------------------------------------------------- */

.frame-1 { position: relative; display: block; padding: 6px 0 0 6px; }
.frame-1 span { position: absolute; left: 0; top: 0; display: block; width: 152px; height: 104px; background: url(../images/frame_1.png); cursor: pointer; }
.frame-2 { position: relative; display: block; padding: 6px 0 0 6px; }
.frame-2 span { position: absolute; left: 0; top: 0; display: block; width: 109px; height: 67px; background: url(../images/frame_2.png); cursor: pointer; }
.frame-3 { position: relative; display: block; padding: 6px 0 0 6px; }
.frame-3 span { position: absolute; left: 0; top: 0; display: block; width: 122px; height: 87px; background: url(../images/frame_3.png); cursor: pointer; }
#short-gallery .frame-2 { margin: 8px 0 0 90px; }
#short-gallery .frame-3 { margin: 8px 0 0 30px; }

#short-plan { float: left; clear: both; background: url(../images/plan_arrows.gif) 45% 50% no-repeat; }
#short-plan a { text-decoration: none; }
#short-plan .frame-1 em { display: block; margin: 10px 8px; font-style: normal; }
#short-plan-2 { margin: 0 0 0 90px; }
#short-plan .number { left: -10px; background: none; z-index: 2; }

/* Footer 
---------------------------------------------------------- */

#index-page #copyright { display: inline; float: right; margin: 80px 280px 0 0; }
#inner-page #copyright { float: right; padding: 0 41px 28px 0; }