@import url("reset.css");
body,html {height:100%}
body {color:#f4ead1; background-color:#361102; font:12px/24px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#f4ead1; font:1em/24px Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#fbc505; text-decoration:underline}
a:hover {color:#e9dfc4}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px; height:auto !important; height:100%; min-height:100%}
.inner {width:1000px; margin:0 auto}

/* // ---- top ---- // */
.top {background-color:#e9dfc4}
	.top .inner {position:relative}
.logo {padding:85px 0 35px 28px}
.slogan {z-index: 5; position:absolute; left:0; top:33px; color:#000; font:italic 14px Georgia; width:100%}
.slogan p{margin: 10px 30px;}
.slogan a {color:#4e0f24}
.slogan a:hover {color:#000}
.b-trainings {position:absolute; bottom:27px; right:10px; width:267px}
	.b-trainings dt {color:#4e0f24; font:44px Georgia,'Times New Roman'; padding:0 0 18px 35px}
	.b-trainings dd {font-size:11px; line-height:19px; padding-bottom:5px}
	.b-trainings dd a {color:#565656}
		.b-trainings dd a:hover {color:#000}

.b-trainings {position:absolute; bottom:27px; right:10px; margin-bottom: 50px; z-index: 7; width: 700px}
.b-trainings p {color:#000; font:italic 14px Georgia;}
.b-trainings a {color:#4e0f24;}
.b-trainings a:hover {color:#000;}
.b-trainings .zag{font:44px Georgia,'Times New Roman'; color:#4e0f24; padding:0 0 18px 0}		
/* -- ---- top ---- -- */

/* // ---- navigation ---- // */
.navigation {background-color:#97875e; padding:10px 0 18px}
	.navigation dl {width:972px; margin:0 auto; padding-left:28px}
	.navigation dt {float:right; color:#fff; font:44px Georgia,'Times New Roman'; padding-right:10px; width: 550px; display:block; text-align:right;}
	.navigation dd {float:left; font:italic 18px Georgia,'Times New Roman'; padding:0 15px 0 14px; border-left:1px dotted #fff; margin-top:24px}
		.navigation dd a {color:#fff}
			.navigation dd a:hover {color:#e9dfc4}
	.navigation .frst {border-left-width:0; padding-left:0}
/* -- ---- navigation ---- -- */

/* // ---- middle ---- // */
.middle {background-color:#4e3122; padding-bottom:47px}
.long-col {float:right; width:50%}
	.longcol {position:relative; margin-left:-229px; margin-top:-3px; width:707px}
.side-col {float:left; width:50%; margin-right:-50%}
	.sidecol {padding-right:336px}
/* -- ---- middle ---- -- */

.subnav {border-bottom:1px dotted #fff; font:italic 15px Georgia,'Times New Roman'; padding:16px 0 21px; margin-bottom:37px}
	.subnav ul {width:1000px; margin:0 auto}
	.subnav li {float:left; padding-left:30px}
	.subnav a {color:#fff}
		.subnav a:hover {color:#e9dfc4}

.side-nav {position:relative; overflow:hidden; width:100%; margin-bottom:38px}
	.side-nav .brd {position:absolute; left:0; margin-left:-6px; width:5%; height:800px; background-color:#97875e; font-size:1px}
	.side-nav ul {font-size:13px; margin-left:auto; width:130px; padding:18px 0}
		.side-nav ul li {padding-bottom:8px}
	.side-nav a {color:#e9dfc4}
		.side-nav a:hover {color:#fff}
	.side-nav .hr {color:#fff; font-weight:bold; padding-left:25px; background:url(../img/ar.gif) no-repeat 0 3px}

.side-user-nav {border-top:1px dotted #fff; padding-top:50px}
	.side-user-nav ul {font-size:13px; margin-left:auto; width:130px; line-height:20px}
		.side-user-nav ul li {padding-bottom:12px}
		.side-user-nav ul a {color:#fff}
			.side-user-nav ul a:hover {color:#e9dfc4}

.feedback {position:relative; height:192px}
	.feedback .feedback-i {position:absolute; width:822px; left:-822px; top:-262px; height:435px; padding:20px 0 0; background-color:#97875e; border-bottom:2px solid #361102}
		.feedback .feedback-i .brd {position:absolute; margin-left:100%; top:2px; width:2px; height:453px; background-color:#361102; display:none}
	.feedback .feedback-i .header {position:absolute; margin-left:100%; top:265px; width:69px; height:192px; background:url(../img/feedback-label.png); font-size:1px}
	.feedback .feedback-i .active-header {background-position:100% 0}
	.feedback .feedback-cont {border-left:1px dotted #fff; margin-left:394px; padding-top:10px}
	.feedback .feedback-cont .l-feedl {position:relative; float:left; left:-361px; margin-right:-361px; width:341px}
	.feedback .feedback-cont .l-feedr {position:relative; float:right; width:394px; line-height:normal}
	.feedback h3 {color:#4e3122; font-size:14px; margin-bottom:-10px}
	.feedback p {padding-top:24px}
	.feedback .i-p {display:block; position:relative; z-index:2; color:#4e3122; font:italic 15px Georgia,'Times New Roman'; background-color:#fff; border-width:0; padding:7px 2px 7px 9px; width:213px; height:18px; margin-bottom:-30px}
	.feedback textarea.i-p {width:345px; height:111px; margin-bottom:-123px}
	.feedback .bd {position:relative; z-index:1; display:block; left:2px; background-color:#361102; width:224px; height:32px; font-size:1px}
	.feedback .t-bd {width:356px; height:125px}
	.feedback .lbl {color:#fff; font-style:italic; padding-bottom:3px}
	.feedback .ips {padding-bottom:8px}
	.feedback .btn-line {position:relative; padding-top:8px; padding-bottom:32px}
		.feedback .btn-line .bd {position:absolute; margin-top:2px; width:101px; height:32px}
	.feedback .tx {float:left; color:#fff; font-size:11px; line-height:14px; font-style:italic; width:205px; padding-top:2px; padding-left:41px}
	.feedback .btn {position:relative; z-index:2; float:left; cursor:pointer; cursor:hand; color:#f4ead1; font-size:14px; font-weight:bold; width:101px; height:32px; background-color:#4e3122; border-width:0}

/* // ---- for editor ---- // */
.for-editor {}
	.for-editor .a-r {text-align:right; font-style: italic}
	.for-editor h2 {font: italic 21px Georgia,'Times New Roman'; margin: 0 0 10px -5px; color:#ffffff}
	.for-editor h3 {display:inline;font: 14px; padding: 5px 9px 3px 9px; color:#361102; background-color:#e9dfc4; margin: 0 0 9px 0}
	.for-editor p {padding-bottom:16px}
	.for-editor ul {padding-bottom:20px; margin: 0 0 0 10px}
		.for-editor ul li {display:table; padding:0 0 5px 20px; background:url(../img/li.gif) no-repeat 0 12px}
	.for-editor strong {font-size:13px; background-color:#382114; padding: 1px 3px 1px 3px}
	.for-editor .alignleft {position:relative; float:left; margin-left:-48px; border:7px solid #361102; margin-right:24px; margin-bottom: 20px}
	.for-editor blockquote {position:relative; clear:both; font-size:14px; border:1px dashed #a3936c; padding:5px; margin: -5px 0 20px -54px}
		.for-editor blockquote p {color:#fff; background-color:#a3936c; padding:13px 15px 16px 27px}
	.for-editor form#myForm {margin: 20px 0 20px 15px}
		.for-editor form .i-p {color:#4e3122; font:italic 15px Georgia,'Times New Roman'; background-color:#fff; border-width:0; padding:7px 2px 7px 9px; width:213px; height:18px; margin-bottom:10px}
		.for-editor form	textarea.i-p {width:345px; height:111px; margin-bottom:10px}
		.for-editor form	input#FormIn {cursor:pointer; cursor:hand; color:#f4ead1; font-size:14px; font-weight:bold; width:101px; height:32px; background-color:#382114; border-width:0; margin-bottom: 40px}
/* -- ---- for editor ---- -- */

.bottom {padding-top:33px; line-height:20px; padding-bottom:45px; height: 160px;}
	.bottom .l-col-1 {float:left; width:242px; color:#fff; font:italic 14px Georgia,'Times New Roman'; padding-left:31px}
		.bottom .l-col-1 a {color:#fff}
			.bottom .l-col-1 a:hover {color:#e9dfc4}
	.bottom .l-col-2 {float:left; width:460px}
	.bottom .l-col-2 ul {}
		.bottom .l-col-2 ul li {padding:0 0 9px 21px; background:url(../img/li.gif) no-repeat 0 10px}
		.bottom .l-col-2 a {color:#e9dfc4}
			.bottom .l-col-2 a:hover {color:#fff}
	.bottom .l-col-3 {float:right; width:237px; line-height:normal}
		.bottom .l-col-3 .i-p {font-style:italic; border-width:0; background-color:#e9dfc4; padding:8px 2px 8px 12px; width:195px}
.proizvod {width: 1000px; margin: 0 auto; position: relative}
.develop {z-index:4; position:absolute; right: 1px; bottom:0; width:129px}
	.develop small {position:absolute; top:8px; left:-130px; width:120px; color:#fff; font-size:11px; font-style:italic; text-align:right}
	.develop a {position:relative; display:block; color:#fff; width:85px; height:30px; font:10px/13px Tahoma, Verdana, Arial, sans-serif; background:url(/img/develop.png); text-decoration:none; padding-left:36px; padding-top:3px; line-height: 12px}
		.develop a:hover {text-indent:0}