@charset "windows-1251";
/* CSS Document */

body {
	background-image:url(../images/dinara_old/img/bckgnd.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:0px;
	color:#FFF;
	margin:0;
	padding:0;
}

a img {
	border:0;
}

.hidden {
	display:block;
	clear:both;
	visibility:hidden;
	padding:0;
	margin:0;
}

#container {
	background-image:url(../images/dinara_old/img/bckgnd.gif);
	position:absolute;
	left:50%;
	top:0;
	width:776px;
	height:500px;
	padding:0;
	margin:0 0 0 -388px;
}


/* --- page top header -------------------------- */

#pghdr {
	float:left;
	width:776px;
	padding:0;
	margin:10px 0 3px 0;
}

#pghdr h1 {
	clear:both;
	float:left;
	font-size:8px;
	font-weight:normal;
	color:#BBE3E2;
	padding:7px 0 0 0;
	margin:0;
	text-align:right;
}

#pghdr img {
	float:left;
	padding:0;
	margin:0;
}

#pghdr address {
	position:absolute;
	left:287px;
	top:28px;
	width:489px;
	font-size:11px;
	font-style:normal;
	color:#BBE3E2;
	padding:0;
	margin:9px 0 0 0;
	text-align:right;
}

#pghdr .snd_eml {
	background:url(../images/dinara_old/img/mail.gif) no-repeat 0 0.4em;
	font-size:11px;
	line-height:2em;
	color:#BBE3E2;
	padding-left:15px;
	margin:0;
}

#pghdr a {
	font-size:11px;
	text-decoration:none;
	line-height:2em;
	color:#BBE3E2;
	padding:0;
	margin:0;
}

#pghdr a:hover {
	text-decoration:underline;
	color:#94B5B4;
}
/* --- end of --- page top header --------------- */



/* --- main navigation bar ---------------------- */

#navbar {
	float:left;
	background-image:url(../images/dinara_old/img/mnubck.gif);
	width:776px;
	height:32px;
	padding:0;
	margin:8px 0 0 0;
}

#navbar li {
	display:block;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:129px;
	height:24px;
	padding:8px 0 0 0;
	margin:0;
	text-align:center;
}

#navbar li a {
	display:block;
	text-decoration:none;
	padding:0;
	margin:0;
	color:#FFF;
}

#navbar li a:hover {color:#CCC;}

#navbar .sel {
	background-image:url(../images/dinara_old/img/mnusel.gif);
}
/* --- end of --- main navigation bar ----------- */


/* --- flash banner on main page ---------------- */
#flashbanner {
	float:left;
	margin:5px 0 0 0;
}
/* --- end of --- flash banner on main page ----- */




#pgbody {
	float:left;
	background-image:url(../images/dinara_old/img/bodybckg.gif);
	width:771px;
	height:526px;
	padding:0 0 0 5px;
	margin:5px 0 0 0;
}

#lnavbar {
	float:left;
	background-image:url(../images/dinara_old/img/bckgnd.gif);
	width:153px;
	padding:8px 4px 4px 4px;
	margin:5px 5px 0 0;
}

#lnavbar li {
	display:block;
	margin:0;
	padding:0;
}

#lnavbar li h1 {
	display:block;
	background-image:url(../images/dinara_old/img/gradient.gif);
	background-repeat:repeat-y;
	font-size:15px;
	text-align:left;
	width:149px;
	margin:0 0 4px 0;
	padding:0 2px 0 2px;
}

#lnavbar li ul {
	display:block;
	width:149px;
	margin:0;
	padding:0;
}

#lnavbar li ul li {
	display:block;
	background-image:url(../images/dinara_old/img/dot.gif);
	background-repeat:repeat-x;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:2px 0 0 0;
	margin:0;
}

#lnavbar li ul li h2 {
	padding:0;
	margin:0;
}

#lnavbar li ul li h2 a {
	display:block;
	background-color:#F89607;
	color:#144A4E;
	font-size:12px;
	height:17px;
	padding:2px 0 0 20px;
	margin:0;
}

#lnavbar li ul li h2 a:hover {
	color:#FFF;
}

#lnavbar li ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	height:17px;
	padding:2px 0 0 20px;
	margin:0;
}

#lnavbar li ul li a:hover {
	background-color:#F89607;
	color:#144A4E;
}

#lnavbar .mark {
	background-image:url(../images/dinara_old/img/mark.gif);
	background-position:7px 4px;
	background-repeat:no-repeat;
}



#content {
	float:left;
	height:510px;
	padding:0;
	margin:5px 0 0 0;
}

#header {
	background-image:url(../images/dinara_old/img/gradnt_b.gif);
	background-repeat:repeat-y;
	width:596px;
	height:30px;
	padding:0;
	margin:0;
}

#header h2, #header h3 {
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:14px 0 0 15px;
	margin:-0.5em 0 0 0;
}

#header h3 {
	color:#DDD;
}

#header select {
	float:left;
	background-color:#DDD;
	font-size:11px;
	font-weight:bold;
	color:#144A4E;
	width:130px;
	margin:5px 0 0 15px;
}

#header #logo {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}


/*---------------------------------------------*/
#page {
	background-color:#FFF;
	color:#000;
	width:579px;
	padding:10px 7px 10px 10px;
	margin:5px 0 0 0;
}

#page h4 {
	font-size:16px;
	font-weight:bold;
	color:#144A4E;
	padding:0 0 0 10px;
	margin:0;
}



#photobox {
	float:left;
	width:405px;
	height:298px;
	margin:0 10px 10px 0;
}


#tl {
	float:left;
	background-image:url(../images/dinara_old/img/ptl.gif);
	width:8px;
	height:7px;
}

#tc {
	float:left;
	background-image:url(../images/dinara_old/img/ptc.gif);
	width:384px;
	height:7px;
}

#tr {
	float:left;
	background-image:url(../images/dinara_old/img/ptr.gif);
	width:13px;
	height:7px;
}

#cl {
	float:left;
	background-image:url(../images/dinara_old/img/pl.gif);
	width:8px;
	height:278px;
}

#cc {
	float:left;
	background-color:#FFF;
	width:384px;
	height:278px;
	padding:0;
	margin:0;
}

#cr {
	float:left;
	background-image:url(../images/dinara_old/img/pr.gif);
	width:13px;
	height:278px;
}

#bl {
	float:left;
	background-image:url(../images/dinara_old/img/pbl.gif);
	width:8px;
	height:13px;
}

#bc {
	float:left;
	background-image:url(../images/dinara_old/img/pbc.gif);
	width:384px;
	height:13px;
}

#br {
	float:left;
	background-image:url(../images/dinara_old/img/pbr.gif);
	width:13px;
	height:13px;
}

#variants {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}

#variants li {
}

#variants li h5 {
	font-size:14px;
	font-weight:normal;
	color:#BBB;
	padding:15px 0 10px 0;
	margin:0;
}

#variants li span {
	font-size:16px;
	font-weight:bold;
	color:#144A4E;
	padding:0 0 0 15px;
}

#variants li .colors a img {
	width:14px;
	height:14px;
	border:1px solid #999;
	padding:0;
	margin:0;
}

#page p {
	clear:both;
	font-size:11px;
	padding:0;
	margin:0 0 10px 0;
	text-align:justify;
	text-indent:0;
}

#page table {
	font-size:10px;
	text-align:left;
	color:#000;
}

#page table caption {
	color:#999;
	padding:10px 0 0 0;
	text-align:left;
}

#page table th {
	background-color:#DDD;
	font-weight:bold;
	color:#144A4E;
	margin:10px 0 0 0;
}

#page table td {
	vertical-align:top;
}

#list {
	float:left;
	width:600px;
	padding:0;
	margin:0;
	list-style-type:none;
}

#list li {
	float:left;
	background-image:url(../images/dinara_old/img/gradnt_p.png);
	width:184px;
	height:285px;
	margin:8px 9px 0 0;
	padding:5px 0 0 5px;
}

#list li img {
	float:left;
	padding:0;
	margin:0;
}

#list li h3 {
	float:left;
	background-image:url(../images/dinara_old/img/grd_hdr.png);
	width:174px;
	height:21px;
	font-size:14px;
	color:#144A4E;
	margin:0;
	padding:4px 0 0 5px;
}

#list li ul {
	float:left;
	width:85px;
	margin:5px 0 0 3px;
	padding:0;
	list-style-type:none;
}

#list li ul li {
	float:left;
	background:none;
	width:85px;
	height:14px;
	margin:0;
	padding:0;
	font-size:9px;
	color:#FFF;
}

#list li ul li a {
	float:left;
	font-size:9px;
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
}

#list li ul li a:hover {
	color:#F89607;
}



#short_links {
	float:left;
	width: 100%;
	font-size: 12px;
	text-align: center;
	color: #BBE3E2;
	margin:15px 0 0 0;
}

#short_links a {
	color: #BBE3E2;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

#counters {
/*	visibility:hidden;*/
	float:left;
	width:825px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 170px;
}

#counters li {
	float:left;
	height:34px;
	margin:0;
	padding:0 5px 0 0;
}


#text {
	padding:20px 25px 40px 20px;
	margin:0;
}

#text em {
	font-style:normal;
}

#text h1 {
	font-size:16px;
	text-align:left;
	text-indent:20px;
}

#text p {
	font-size:12px;
	text-align:justify;
	text-indent:20px;
	padding:0;
	margin:0;
}

#text .subscript {
	text-align:right;
	margin-top:20px;
}



#about, #faq {
	float:left;
	background-image:url(../images/dinara_old/img/bodybckg.gif);
	width:771px;
	padding:5px 0 10px 5px;
	margin:5px 0 0 0;
}

#about .hdr, #faq .hdr {
	float:left;
	background-image:url(../images/dinara_old/img/abt_grd.gif);
	background-repeat:repeat-y;
	width:763px;
	height:30px;
	margin:0;
	padding:0;
}

#about .hdr h1, #faq .hdr h1 {
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:14px 0 0 20px;
	margin:-0.5em 0 0 0;
}

#about .certificate {
	float:left;
	width:350px;
	margin:0;
	padding:10px 0 20px 0;
}

#about .certificate img {
	float:left;
	padding:0;
	margin:0;
}

#about .certificate p {
	float:left;
	width:160px;
	font-size:10px;
	text-align:left;
	text-indent:0;
	line-height:1.5em;
	padding:10px 0 0 10px;
	margin:0;
}


#price {
	float:left;
	background-image:url(../images/dinara_old/img/bodybckg.gif);
	width:761px;
	padding:5px 10px 10px 5px;
	margin:5px 0 0 0;
}

#price_content {
	float:left;
	background-image:url(../images/dinara_old/img/bckgnd.gif);
	width:721px;
	font-size:14px;
	padding:20px;
}

#price_link_box {
	float:left;
	width:200px;
	height:100px;
	padding:40px 0 0 20px;
}

#download_link {
	display:block;
	background-image:url(../images/dinara_old/pix/about/dwnldoff.gif);
	background-repeat:no-repeat;
	width:151px;
	height:20px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding:55px 0 0 0;
}

#download_link:hover {
	background-image:url(../images/dinara_old/pix/about/dwnld_on.gif);
	width:151px;
	height:20px;
}

#price_text {
	float:left;
	line-height:1.5em;
	font-size:12px;
}

#price_text ul {
	padding:0 0 0 16px;
	margin:0;
}



/* --- faq ---------------------- */

#faq ul, #faq ul li {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

#faq ul li {list-style-type:none;}

.question, .answer {
	float:left;
	width:761px;
}

.question {background-color:#ADCED2;}
.answer {background-color:#81B1B6;}

.question h5, .answer h5, .question h4, .answer h4 {
	float:left;
	font-size:10px;
	font-weight:normal;
	color:#144A4E;
	width:150px;
	margin:0;
	padding:10px;
}

.question h4, .answer h4 {width:571px;padding-bottom:25px}
.question h4 {background-color:#FFF;}
.answer h4 {background-color:#ADCED2;}



#faq form {
	float:left;
	background-image:url(../images/dinara_old/img/bckgnd.gif);
	width:761px;
	padding:10px 0 10px 0;
	margin:5px 0 0 0;
}

#faq form div {
	float:left;
	width:200px;
	margin:0 20px 0 0;
}
#faq form img {
	float:left;
	width:60px;
	height:25px;
	padding:0;
	margin:0 0 5px 35px;
}
#faq p {
	font-size:12px;
	font-weight:bold;
	margin:0 0 20px 40px;
}
#faq span {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:0 10px 10px 10px;
}

#faq input {
	float:right;
	border:0;
	width:120px;
	font-size:12px;
	margin:0 0 10px 0;
	padding:2px;
}

#faq textarea {
	float:left;
	border:0;
	width:460px;
	height:80px;
	font-size:12px;
	margin:0;
	padding:2px;
}

#faq .but {
	background-color:#ADCED2;
	color:#144A4E;
}


/*----------------------- needfull links ------*/
.buttons {
	float:left;
	width:726px;
	font-size:12px;
	list-style-type:none;
	margin:20px 0 20px 0;
	padding:0;
}

.links {
	float:left;
	font-size:12px;
	color:#FFF;
	margin:20px 0 0 0;
	padding:0;
}

.links p, .links a {
	font-size:12px;
	color:#FFF;
	margin:0;
	padding:0;
	text-indent:0;
	text-decoration:none;
}

.buttons li {
	float:left;
	height:34px;
	margin:0;
	padding:0 5px 0 0;
}

.buttons img {
	width:88px;
	height:31px;
	border:0px;
}

#adv {
	float:left;
	text-align:justify;
	font-size:8px;
	line-height:7px;
	color:#89C5C7;
	padding:180px 0 0 0;
}
#adv b, #adv i, #adv strong {font-weight:normal; font-style:normal;}
#adv a {
	font-size:8px;
	line-height:7px;
	color:#89C5C7;
	text-decoration:none;
}
#adv a:hover {color:#BBE3E2}