@charset "utf-8";
/* CSS Document */
body {
 	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	min-width: 1020px;
}
#header {
    width: 100%;
    border-collapse: collapse;
}
#header td {
    margin: 0px;
    padding: 0px;
    height: 124px;
}
#header, #main_window, #footer {
	/* I curse you damned ie6 developers */
	-width: expression(document.body.clientWidth < 1022 ? "1020px" : "100%");
}
#header #logo {
	width: 178px;
	height: 124px;
}
#header #logo .img {
	background: transparent url(/images/logo.png) top left no-repeat;
	display: block;
	margin: 6px 0px 0px 45px;
	width: 120px;
	height: 100px;
}
#header #logo span {
	display: block;
	padding: 0px 5px 0px 5px;
	color: #6090c0;
	font-size: 14px;
	text-align: right;
}
#header #right_login {
	width: 155px;
	height: 124px;
}
#header #right_login .img {
	background: transparent url(/images/right_login.png) right 14px no-repeat;
	width: 155px;
	height: 124px;
}
#header #right_login span { 
	display: block;
	padding: 30px 5px 0px 37px;
}
#header #right_login a:link, #header #right_login a:active, #header #right_login a:visited {
/*	color: #6090c0; */
	color: #04374c;
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 5px;
}
#header #right_login a:hover {
	color: #000;
}
#menu {
	height: 124px;
	padding-top: 50px;
	width: 100%;
}
#menu li {
	width: 18%;
	line-height: 45px;
	height: 45px;
	display: block;
	text-align: center;
	padding: 0px 5px;
}
#menu li.t1 { min-width: 112px; -width: 112px; }
#menu li.t2 { min-width: 133px; -width: 133px; }
#menu li.t3 { min-width: 173px; -width: 173px; }
#menu li.t1, #menu li.t2, #menu li.t3 {
	background: transparent none top center no-repeat;
}
#menu li.t1.act { background-image: url(/images/menu_sel1.png); }
#menu li.t2.act { background-image: url(/images/menu_sel2.png); }
#menu li.t3.act { background-image: url(/images/menu_sel3.png); }

#menu li, #menu li a:link, #menu li a:active, #menu li a:visited {
 	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #636467;
	text-decoration: none;
}
#menu li a:hover {
	color: #8e8e8e;
}
#footer {
	padding-top: 15px;
}
#footer .hr, #footer .hr .l, #footer .hr .r, #footer .hr .c {
	height: 13px;
}
#footer .hr .l {
	width: 13px;
	background: transparent url(/images/footer_l.png) top left no-repeat;
	float: left;
}
#footer .hr .r {
	width: 13px;
	background: transparent url(/images/footer_r.png) top right no-repeat;
	float: right;
}
#footer .hr .c {
	background: transparent url(/images/footer_bg.png) top left repeat-x;
}
#footer .cntrs {
	float: right;
	width: 100px;
	padding: 5px 5px;
}
#footer .links {
	text-align: center;
	padding: 5px 10px;
}
#footer .txt, #footer .txt a:link, #footer .txt a:active, #footer .txt a:visited, #footer .txt a:hover {
	font-weight: bold;
	color: #c5c5c5;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* Top Menu CSS */
#menu a, #menu span {
/* 	display: block; */
}
#menu ul {
	margin: 0px;
	padding: 0px;
	-margin-left: -50%;
}
*:first-child+html #menu ul {
	margin-left: -50%;
}
#menu ul li {
	float: none;
	width: 100%;
	text-align: left;
	padding: 0px;
	border-bottom: 1px dotted #9bb9d7;
	background-color: white;
}
#menu ul li, #menu ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active, #menu ul li a:hover {
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	color: #8e8e8e;
}
#menu ul li a {
	padding: 0px 5px 0px 10px;
}
#menu ul li a:hover {
	background-color: #f5fbff;
}
#menu .am-have-childs > a, #menu .am-have-childs > span {
	padding-right: 10px;
	background: transparent url(/images/menu_sign.gif) right center no-repeat;
}
#menu .am-have-childs li {
	background-image: none;
}

/* Main page's css */
#main_window #slogan {
	color: #8e8e8e;
	font-style: italic;
	font-size: 38px;
	padding: 0px 150px 0px 10px;
	text-align: right;
	position: relative;
}
table#art {
	width: 100%;
	border-collapse: collapse;
	margin-top: -10px;
}
#art, #art tr, #art tr td {
	height: 394px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#art td.l, #art td.r {
	width: 50%;
	vertical-align: top;
}
#art tr td.hr {
	width: 2px;
	vertical-align: top;
	padding-top: 2px;
}
#art tr td.hr div {
	height: 388px;
	width: 2px;
	background: transparent url(/images/main_hr.png) top right repeat-y;
}
#art .lt {
	width: 38px;
	height: 394px;
	float: left;
	background: transparent url(/images/main_left.png) top left no-repeat;
}
#art .rt {
	width: 41px;
	height: 394px;
	float: right;
	background: transparent url(/images/main_right.png) top right no-repeat;
}
#art .lt a, #art .rt a {
	display: block;
	height: 200px;
	margin-top: 100px;
}
#art .lt a.l {
	margin-top: 105px;
}
#art .c {
	background: transparent url(/images/main_bg.png) top left repeat-x;
	height: 394px;
}
#art {
	color: #8e8e8e;
	font-size: 18px;
}
#art a:link, #art a:active, #art a:visited {
	color: #6090c0;
	text-decoration: underline;
}
#art a:hover {
	color: #9cb1ce;
	text-decoration: none;
}
#art .c .hdr {
	padding: 33px 0px 0px 10px;
}
#art .c .hdrr {
	padding-left: 40px;
}
#art .c .hdr a:link, #art .c .hdr a:active, #art .c .hdr a:visited {
	padding-left: 20px;
	background: transparent url(/images/finger.png) center left no-repeat;
	color: #8a1f03;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
}
#art .c .hdr a:hover {
	text-decoration: underline;
}
#art .l .c .art {
	width: 292px;
	height: 300px;
	float: left;
	padding: 5px;
}
#art .r .c .art {
	width: 253px;
	height: 300px;
	float: left;
	padding: 5px;
}
#art .l .cnt {
	padding: 5px 5px 5px 5px;
}
#art .r .cnt {
	padding: 5px 5px 5px 15px;
}
#art .r .cnt .reg_btn {
	margin-left: 290px;
}

/* txt block */
table#txt {
	width: 100%;
	border-collapse: collapse;
}
#txt, #txt tr, #txt tr td {
	height: 193px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#txt td.l, #txt td.r {
	width: 50%;
	vertical-align: top;
}
#txt td.hr {
	width: 12px;
	vertical-align: top;
}
#txt td.hr div {
	width: 12px;
	height: 193px;
	background: transparent url(/images/main2_hr.png) top left repeat-y;
}
#txt .l .lt {
	width: 50px;
	height: 193px;
	background: #fff url(/images/main2_left.png) top right no-repeat;
	float: left;
}
#txt .l .lc {
	height: 193px;
	background: transparent url(/images/main2_bg1.png) top left repeat-x;
}
#txt .r .rt {
	width: 50px;
	height: 193px;
	background: #fff url(/images/main2_right.png) top left no-repeat;
	float: right;
}
#txt .r .rc {
	height: 193px;
	background: transparent url(/images/main2_bg2.png) top left repeat-x;
}
#txt .l .lc .cnt {
	padding: 30px 15px 15px 37px;
}
#txt .r .rc .cnt {
	padding: 30px 15px 15px 7px;
}
#txt h1, #txt h6, #txt h6 a:link {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #8bed6f;
	font-style: italic;
	font-size: 18px;
}
#txt h6, #txt h6 a:link, #txt h6 a:active, #txt h6 a:visited {
	color: #99ef81;
}
#txt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #c8c8c8;
}
#txt .r {
	font-size: 14px;
}
#txt .l:hover, #txt .r:hover {
	color: #636467;
}
#txt .reply_img {
	 width: 106px;
	 float: left;
	 padding: 5px;
	 font-family: Verdana, Geneva, sans-serif;
	 font-size: 10px;
	 color: #9b9b9b;
}
#txt .reply_img img {
	 width: 106px;
	 height: 106px;
}
#txt .quote1 {
	margin-left: 130px;
	padding: 10px 10px 0px 30px;
	background: transparent url(/images/q1.png) top left no-repeat;
}
#txt .quote2 {
	background: transparent url(/images/q2.png) top right no-repeat;
	margin-right: 50px;
	-margin-right: 0px; /* i curse you, ie6 developers */
	height: 24px;
}
*+html #txt .quote2 { /* i curse you, ie7 developers */
	margin-right: 0px;
}
html>/**/body .bukvica p:first-letter { /* I curse you damned ie6 developers */
	font-size: 24px;
	color: #8a1f03;
}
html>/**/body .bukvica * + p:first-letter {
	font-size: inherit; /* And ie7 developers too */
	color: inherit;
}


/* Inner page's css */
#main_window.inner {
	background: #fefdfd url(/images/sidebar_bg.png) top left repeat-y;
}
.hl2 {
	padding-right: 118px;
	height: 66px;
	background: transparent url(/images/h1_right.png) top right no-repeat;
}
.hl2 h1 {
	color: #faa636;
	font-size: 32px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	padding: 25px 10px 1px 20px;
	margin: 0px;
	background: transparent url(/images/h1_bg.png) top left repeat-x;
	height: 66px;
	text-transform: uppercase;
	font-weight: normal;
}
.hl1 {
	width: 293px;
	height: 66px;
	background: transparent url(/images/balance_left.png) top left no-repeat;
	float: left;
	padding-top: 28px;
}
.hl1, .hl1 a:link, .hl1 a:visited, .hl1 a:active, .hl1 a:hover {
	font-size: 30px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #8e8e8e;
	text-decoration: none;
}
#sidebar {
	width: 285px;
	float: left;
	min-height: 100px;
	-height: 100px;
}
#content {
	-margin-left: 285px; /* I curse you damned ie6 developers */
	padding: 0px 120px 15px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: black;
	line-height: 20px;
}
#content p {
	padding: 3px 3px 10px;
	text-indent: 9px;
	text-align: justify;
}
#main_window ul {
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 9px;
	list-style: none;
	overflow: hidden; 
}
#main_window ul li {
	padding: 3px 0px 0px 20px;
	background: transparent url(/images/ulli.gif) 0px 7px no-repeat;
}
html>/**/body #content p:first-letter { /* I curse you damned ie6 developers */
	font-size: 24px;
	color: #8bed6f;
}
html>/**/body #content * + p:first-letter {
	font-size: inherit; /* And ie7 developers too */
	color: inherit;
}
/* Sidebar css */
#sidebar {
    padding: 0px 5px 25px;
}
#sidebar table.sb {
	border-collapse: collapse;
	width: 257px;
	margin: 0px auto;
}
#sidebar .sb tr, #sidebar .sb td {
	margin: 0px;
	padding: 0px;
}
#sidebar .sb .l, #sidebar .sb .m, #sidebar .sb .r {
	font-size: 1px;	
}
#sidebar .sb .t {
	height: 10px;
}
#sidebar .sb .b {
	height: 9px;
}
#sidebar .sb .l {
	width: 13px;
}
#sidebar .sb .r {
	width: 12px;
}
#sidebar .sb .t .l { background: transparent url(/images/sb_lt.png) top left no-repeat; }
#sidebar .sb .t .m { background: transparent url(/images/sb_t.png) top left repeat-x; }
#sidebar .sb .t .r { background: transparent url(/images/sb_rt.png) top left no-repeat; }
#sidebar .sb .c .l { background: transparent url(/images/sb_l.png) top left repeat-y; }
#sidebar .sb .c .text { background-color: #fcfcfc; }
#sidebar .sb .c .r { background: transparent url(/images/sb_r.png) top left repeat-y; }
#sidebar .sb .b .l { background: transparent url(/images/sb_lb.png) top left no-repeat; }
#sidebar .sb .b .m { background: transparent url(/images/sb_b.png) top left repeat-x; }
#sidebar .sb .b .r { background: transparent url(/images/sb_rb.png) top left no-repeat; }
#sidebar .hdr {
	width: 190px;
	height: 43px;
	line-height: 43px;
	background: transparent url(/images/side_left_hdr.gif) top left no-repeat;
	margin: 0px auto;
	text-align: center;
}
#sidebar .hdr, #sidebar .hdr a:link, #sidebar .hdr a:active, #sidebar .hdr a:visited {
	font-size: 18px;
	color: #fcfcfc;
	font-style: italic;
	text-decoration: none;
}
#sidebar .sb_lk_menu {
	list-style: none;
	margin: 0px;
	padding: 10px;
}
#sidebar .sb_lk_menu li {
	margin: 0px;
	padding: 0px 20px;
	height: 22px;
	border-bottom: 1px dotted #6090c0;
	background: none;
}
#sidebar .sb_lk_menu li a:link, #sidebar .sb_lk_menu li a:visited, #sidebar .sb_lk_menu li a:active {
	text-decoration: none;
	color: #6090c0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar .sb_lk_menu li a:hover {
	color: #faa635;
}

/* shop's css */
.shop {
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
}
.shop th {
	padding: 0px;
	font-size: 14px;
	color: #000701;
	height: 28px;
	text-align: left;
}
.shop tr.site {
	background-color: #f2f2f2;
	border-top: 1px solid #e6e6e6;
	color: #f10d3d;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.shop tr.site .price {
	color: #00c621;
}
.shop tr.site_desc {
	display: none;
	border: 3px solid #dfdbdb;
}
.shop .site_desc table {
	width: 100%;
	border-collapse: collapse;
}
.shop .site_desc table th {
	font-weight: normal;
	font-style: italic;
}
.shop .area {
	height: 115px;
}
.shop .area .scrn {
	width: 120px;
}
.shop .area a.area_header {
	color: #f10d3d;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}
.shop .area a.area_link {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}
.shop .area .shows {
	color: #f10d3d;
	font-size: 24px;
}
.shop .area a.buy_icon {
	display: block;
	width: 58px;
	height: 96px;
	background: transparent url(/images/buy_icon.png) top left no-repeat;
}
.shop .area a.buy_icon:hover {
	background-image: url(/images/buy_icon_h.png);
}
.favicon {
	display: block;
/*	float: left;
	width: 16px;       */
	padding-left: 18px;
	height: 16px;
	background: transparent none left center no-repeat;
}

/* Global css */
.reg_btn {
	background: transparent url(/images/btn_reg.gif) top left no-repeat;
	display: block;
	width: 127px;
	height: 33px;
}
table {
    border-collapse: collapse;
}
table tr {
    margin: 0px;
    padding: 0px;
}
table tr.odd {
    background-color: #d8efff;
}
table.zebra tbody tr:hover {
    background-color: #96d5ff;
}
table th {
    margin: 0px;
    padding: 6px 10px;
    font-weight: bold;
    text-align: left;
    font-size: 130%;
    color: #6090C0;
}
table td {
    margin: 0px;
    padding: 6px;
    text-align: left;
    vertical-align: top;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #6090c0;
}
a:hover {
	color: #faa635;
}
table.zebra a:hover {
	color: #a30627;
}

div.warning {
    padding-left: 30px;
    line-height: 25px;
    background: transparent url(/images/warning.gif) bottom left no-repeat;
}
.inputs200 input[type=text], .inputs200 input[type=password], 
    .inputs200 select, .inputs200 textarea, input.inputs200  {
    width: 200px;
}


