/* rasprodaja => style.css */
/* CSS style-sheet         */

/* html, body etc  */

html, body {
    padding: 0px; margin: 0px;
    font-size: 10px; font-family: Arial;
    color: black; color: #333;
    height: 100%;
}
body {
    min-width: 1000px;
/*    width: expression(document.body.clientWidth > 990 ? '100%' : '990px' );*/
    background: white;
}
div { position: relative; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
a img { border: 0 }
form { padding: 0; margin: 0 }
h5 { margin: 0; padding: 0; font-size: 12px; color: black; font-weight: bold; }

.outer {
    height: 100%; min-height: 100%;
    min-width: 1000px;
/*    width: expression(document.body.clientWidth > 990 ? '100%': '990px' );	*/
}

html>body .outer { height: auto; }

.break { font-size: .1em; height: 0px; max-height: 0px; clear: both; }

/*banners_table*/

table.banners_table { height: 1px;}
table.banners_table td { font-size: 20px; font-weight: bold; color: white; vertical-align: middle;}

.top_banner_place { 
    height: 60px;
    text-align: center;
    margin-bottom: 1px;
/*    background: #a7a9ac;*/
}

.identify_place {
    color: white;
    height: 35px; overflow: hidden; text-align: left;
    margin-bottom: 1px;
    background: #a7a9ac;
    line-height: 35px;
    padding-left: 15px;
    font-size: 11px;
}
.identify_place span { font-size: 1.5em; font-weight: bold;s }
.identify_place .login {
  font-weight:bold;
  font-size:14px;
}

/* head_line */
.head_line { }


.head_line .logo { 
    float: left; width: 320px; height: 20px; 
    background: url(../i/logo.jpg) center 8px no-repeat;
    font-size: 14px; font-weight: bold; text-align: center;
    padding-top: 60px;
    font-family: Arial Narrow, Arial;
}
.head_line .banner_place {

    margin-left: 325px;
/*margin-left: 320px;*/
    height: 95px;
/*    background: #a7a9ac;*/
    text-align: left;
}

/* menu_line */
.menu_line { text-align: center; margin: 15px auto; z-index: 1000;}
.outer>.menu_line { margin: 15px 0px; width: auto;}
.menu_line .item, .menu_line .item_act, .menu_line .item_h {
    font-size: 12px; font-weight: bold;
    border-right: 1px solid black; line-height: 14px;
    text-transform: uppercase;
    padding: 0px 5px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
.menu_line .item_act, .menu_line .item_act a { color: #a7a9ac; }
.menu_line #last { border: 0 }

.menu_line .sub_menu { 
    display: none; z-index: 1000;
}
.menu_line .item_h .sub_menu { 
    display: block; 
    position: absolute; margin-top: 14px;
    margin-left: -5px;
    border: 1px solid black;
    z-index: 1000;  font-weight: normal; font-size: 12px;
    text-transform: none;
    white-space: nowrap;
    text-align: left;
}
.menu_line .sub_menu .s_item, .menu_line .sub_menu .s_item_act {
    background: white;
    border-bottom: 1px solid black;
}
.menu_line .sub_menu a { display: block; 
    background: white; padding: 1px 10px;
}
.menu_line .sub_menu .s_item_act { padding: 1px 10px; }
.menu_line .sub_menu a:hover, .menu_line .sub_menu .s_item_act, .menu_line .sub_menu a:hover .s_item { /*background: #e8debe;*/ background-color:#fff9e4; text-decoration: none;}


/* main_warp */
.main_wrap { 
  margin: 15px 10px 0px 10px; clear: both; 
/*  width: expression(document.body.clientWidth > 990 ? '100%' : '990px' );*/
}
table.c__table { width: 100%; border-collapse: collapse; border: 0 }
table.c__table td.c__td{ vertical-align: top; padding: 0}
/* left_bar */
.left_bar { float: left; width: 150px; height: 1%;}

.left_bar .auth_form { /*background: #f2ebd5;*/ background-color:#fff9e4; font-size: 9px; }
.left_bar .auth_form .title_txt {
  background: #fffff0;
  padding: 3px 5px;
}
.left_bar .auth_form table { 
    border-collapse: collapse; margin: 3px 0px; display: table; position: relative;
    margin-top: 5px; width: 100%;
}
.left_bar .auth_form table { display: table; }
.left_bar .auth_form table td { vertical-align: middle; padding: 0px 5px; text-align: right; }
.left_bar .auth_form table .label { text-align: left; padding: 2px 5px;}
.left_bar .auth_form input { font-size: 9px; line-height: 12px; height: 14px; width: 90px; border: 0px; background: white; padding: 0px 2px}
.left_bar .auth_form td.submit { padding: 5px 5px;}
.left_bar .auth_form .submit input { width: auto; display: block; float: right; height: auto; padding: 0px 3px;}
.left_bar .auth_form .links { position: relative; float: left;}
.left_bar .auth_form .link { text-align: left; /*float:left;*/ position: relative; }
.left_bar .auth_form .link a { text-decoration: underline; }
.left_bar .auth_form .link a:hover { text-decoration: none; }

.left_bar .banner_place {
    margin: 10px 0px; /*height: 55px;
    background: #a7a9ac;*/
}

.left_bar h3 {
    margin: 0; padding: 0px 5px; color: white; font-weight: bold; font-size: 12px;
    line-height: 18px; position: relative;
    background: #eb2129 url(../i/red_bg_small.jpg) right repeat-y;
}

.left_bar .menu { margin: 2px 0px 10px 0px; }
.left_bar .menu a {
    display: block; position: relative;
    margin: 1px 0px 0px 0px;
    font-weight: bold; color: #827857; font-size: 13px;
    line-height: 17px; padding: 1px 5px;
    /*height: 15px;*/
    /*background: #f2ebd5;*/
    background-color:#fffff0;
    cursor: pointer;
    text-decoration: none;
}
.left_bar .menu .l_point{ float: left; width: 10px; }
.left_bar .menu .entry{ margin-left: 10px; }
.left_bar .menu a:hover { /*background: #e8debe;*/ background-color:#fff9e4; }
.left_bar .menu a.active { /*background: #e8debe;*/ background-color:#fff9e4; cursor: default; color: #eb2129; }

.left_bar .alphabet_place { margin: 2px 0px 10px 0px; }
.alphabet_place .line {
    margin: 1px 0px 0px 0px;
    font-weight: bold; color: black; font-size: 13px;
    line-height: 17px; padding: 1px 5px;
    height: 17px;
    
}
.left_bar .alphabet_place .line { /*background: #f2ebd5;*/ background-color:##fffff0; }
.alphabet_place .line a { text-decoration: underline }
.alphabet_place .line a:hover { text-decoration: none }

/* right_bar */
.right_bar { float: right; width: 235px; height: 1%;}

.right_bar .search_form { /*background: #e8debe;*/ background-color:#fff9e4; padding: 3px 0px; font-size: 9px}
.right_bar .search_form table { border-collapse: collapse; margin: 3px 0px; width: 100%;}
.right_bar .search_form table td { vertical-align: middle; padding: 0px 5px; text-align: right}
.right_bar .search_form table .label { text-align: left;  padding: 3px 5px; font-size: 11px;}
.right_bar .search_form input { font-size: 10px; line-height: 12px; height: 12px; width: 180px; border: 0px; background: white; padding: 2px; }
.right_bar .search_form .right_link { text-align: right; padding-right: 5px; }
.right_bar .search_form .right_link input { width: auto; height: auto; line-height: auto; font-size: 9px; paddinf: 2px 5px; }
.right_bar .search_form .right_link a { text-decoration: underline }
.right_bar .search_form .right_link a:hover { text-decoration: none }

.right_bar .banner_place { margin: 10px 0px; /*height: 40px; background: #a7a9ac;*/ }
.right_bar h3 {
    margin: 0; padding: 0px 5px; color: white; font-weight: bold; font-size: 12px;
    line-height: 18px; position: relative; 
    background: #eb2129 url(../i/red_bg_big.jpg) left repeat-y;
}

.left_bar h3 a, .right_bar h3 a { color: white; text-decoration: underline; display: block;}
.left_bar h3 a:hover, .right_bar h3 a:hover { color: white; text-decoration: none; }

/* x_table */

table.x_table { width: 100%; border-collapse: collapse; margin-top: 5px;}
table.x_table tr td { 
    font-size: 12px; color: #827857;
    border: 1px solid white; padding: 2px 5px;
/*    background: #f2ebd5;*/
    background-color:#fffff0;
    height: 15px; min-height: 15px;

}
/*table.x_table tr>td { height: auto; }*/
table.x_table tr.h td {
    padding: 5px; font-weight: bold;
    border-bottom: 4px solid white;
}

table.x_table tr.b td {
  /*background: #e8debe;*/
  background-color:#fff9e4;
}
table.x_table a { color:  #827857; }

table.xv_table { width: 100%; border-collapse: collapse; margin-top: 5px;}
table.xv_table tr td { 
    font-size: 12px; color: #827857;
    border: 1px solid white; padding: 2px 5px;
    /*background: #f2ebd5;*/
    background-color:#fffff0;
    height: 15px; min-height: 15px;

}
/*table.x_table tr>td { height: auto; }*/
table.xv_table tr.h td {
    padding: 5px; font-weight: bold;
    border-bottom: 4px solid white;
}

table.xv_table tr.b td { /*background: #e8debe;*/ background-color:#fff9e4; }
table.xv_table a { color:  #827857; }


/* content_place */
.content_place { margin: 0px 255px 0px 170px; height: 1%;}
.content_place table.content_table { width: 99%; border-collapse: collapse; border:0; }

.content_place .bottom_links { margin: 5px 0px; text-align: right; font-size: 12px;}
.content_place .bottom_links a { text-decoration: underline }
.content_place .bottom_links a:hover { text-decoration: none }

.content_place h3 {
    margin: 0; padding: 0px 5px; color: white; font-weight: bold; font-size: 12px;
    line-height: 18px;
    background: url(../i/red_bg_small.jpg) left repeat-y;
    margin-bottom: 5px;
}

.html_block_top {
    border: 1px solid #a7a9ac;
    text-align: center; padding: 50px 0px; font-size: 14px; font-weight: bold;
    margin-bottom: 20px
}

.html_block_bottom {
    border: 1px solid #a7a9ac;
    text-align: center; padding: 30px 0px; font-size: 14px; font-weight: bold;
    margin-top: 20px
}

/* ------------------ */
.i_text { 
    font-size: 12px; color: #3a4347;
    font-weight: bold;
}
.i_text span { color: #eb2129; }
.i_text a { text-decoration: underline; color: #3a4347; }
.i_text a:hover { text-decoration: none; }

h1 {
    display: block; position: relative;
    margin: 0px;
    border-top: 2px solid #eb2129;
    padding-top: 5px;
    text-transform: uppercase;
    text-align: left;
    font-size: 16px; font-weight: bold; color: #eb2129; 
    margin-top: 5px;
    margin-bottom: 5px;
}

h2 { 
    display: block; position: relative;
    margin: 0px;
    border-bottom: 2px solid #eb2129;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: right;
    font-size: 16px; font-weight: bold; color: #eb2129; 
    margin-top: 5px;
    margin-bottom: 5px;
}
h2.mtop { margin-top: -18px}

h4 { 
    display: block; position: relative;
    margin: 0px; padding: 0;
    border-bottom: 1px solid #a7a9ac;
    padding-bottom: 3px;
    text-align: left;
    font-size: 13px; font-weight: bold; color: #black; 
    margin-top: 10px;
    margin-bottom: 5px;
}
.content_place .x_table { margin-top: 5px }
.content_place .x_table td { color: #3a4347; vertical-align: top; }
.content_place .x_table a { color:  #3a4347 }

.content_place .banner_place {
    margin: 10px 0px; height: 40px;
    background: #a7a9ac;
}


.place_left { float: left }
.place_right { float: right }

/* ----- text ---- */
.text { font-size: 12px; color: black; text-align: justify; }
.text a { text-decoration: underline }
.text a:hover { text-decoration: none }
.text .img_place { float: left }
.text .img_place img { margin: 0px 10px 10px 0px }
.text .other_info { float: right; font-size: 11px; color: #827857; }

/* ---- firm_block ----- */
.firm_block { margin-top: 5px; width: 100%; }
.firm_block .address {
    width: 250px; padding: 5px 10px; 
    color: black; font-size: 12px;
    border: 1px solid #3a4347; vertical-align: top;
}
.firm_block .buttons {
    vertical-align: .middle;
    text-align: right;
}
.firm_block .buttons .btn {
    float: right;
    height: 15px; line-height: 15px; font-size: 12px;
    background: #f1f3f3 url(../i/rc.gif) 10px center no-repeat;
    padding: 1px 5px 1px 18px;
    margin: 0px;
}

/* sale_block */
.sale_block {}
.sale_block .text { margin-right: 190px; margin-top: 10px; margin-bottom: 5px;}
.sale_block .t_place { width: 180px; float: right }

.sale_block .ratings_n_buttons { float: none; margin-top: 10px }

.sale_block .ratings { background: #f1f3f3; padding: 5px; }
.sale_block .ratings table { display: table; position: relative; }
.sale_block .ratings .txt { font-size: 11px; margin-bottom: 10px;}
.sale_block .ratings .txt span { margin-right: 10px; }
.sale_block .ratings table { border-collapse: collapse; }
.sale_block .ratings table td { vertical-align: middle; text-align: left; }
.sale_block .ratings .label_cell { padding-right: 10px; }


.sale_block .act_btns { }
.sale_block .act_btns table { position: relative; height: 1%;}
.sale_block .act_btns table td { vertical-align: top; text-align: left; padding: 15px 15px 0px 0px; }


.sale_block .comment_form { 
    float: none; width: 450px; margin-top: 10px; 
    padding: 5px 5px 5px 20px;
    /*background: #f2ebd5;*/
    background-color:#fff9e4;
}
.sale_block .comment_form table { border-collapse: collapse; margin: 3px 0px; width: 100%;}
.sale_block .comment_form table td { vertical-align: middle; padding: 0px 5px; text-align: right}
.sale_block .comment_form table .label { text-align: left;  padding: 3px 0px; vertical-align: bottom;}
.sale_block .comment_form input { font-size: 12px; line-height: 14px; height: 12px; width: 300px; border: 0px; background: white; padding: 0px 2px}
.sale_block .comment_form textarea { font-size: 12px; line-height: 14px; height: 12px; width: 300px; height: 50px; border: 0px; background: white; padding: 0px 2px}
.sale_block .comment_form .submit { text-align: right;padding-top: 3px; padding-bottom: 0px; }
.sale_block .comment_form .submit input { border: 1px solid #b2b5b8; width: auto; padding: 0px 10px; /*background: #e8debe;*/ background-color:#fff9e4; height: auto; }

.sale_block .comments { margin-top: 20px; font-size:12px;}
.sale_block .comments .comment_header { /*background: #e8debe;*/ background-color:#fff9e4; padding: 1px 10px; margin-bottom: 10px;}
.sale_block .comments .comment_header .comment_title { font-weight: bold; margin-left: 40px;  }
.sale_block .comments .person { float: left; width: 100px; text-align: center; }
.sale_block .comments .comment_text { margin-left: 110px; margin-bottom: 10px; }


/* ------ button ---------- */
.buttons_bar { margin-top: 15px  }
.button {
    border: 1px solid #eb2129; cursor: pointer;
    padding: 2px 12px 2px 20px; font-size: 11px;
    background: url(../i/rc.gif) 10px center no-repeat;
    white-space: nowrap;
}
.button_a {
    border: 1px solid #eb2129; cursor: pointer;
    padding: 2px 12px 2px 12px; font-size: 11px;
    white-space: nowrap;
}
.sleep_button {
    border: 1px solid #777; 
    cursor: default;
    padding: 2px 12px 2px 20px; font-size: 11px;
    background-color:#bbb;
    color:#999;
    white-space: nowrap;
}

.print_btn {
    height: 18px; line-height: 18px; background: #fff9e4 url(../i/print.gif) left center no-repeat;
    font-size: 11px;
    padding: 3px 5px 3px 30px;
    white-space: nowrap;
}
.send_btn {
    height: 18px; line-height: 18px; background: #fff9e4 url(../i/send.gif) left center no-repeat;
    font-size: 11px;
    padding: 3px 5px 3px 30px;
    white-space: nowrap;
}

/* firm_preview */
.firm_preview { clear: both; margin-bottom: 15px; }
.firm_preview .logo { float: left; width: 80px; overflow: hidden; border:1px solid #a7a9ac}
.firm_preview .brends { float: right; width: 255px; }
.firm_preview .brends .b_table { width: 100%; border-collapse: collapse; }
.firm_preview .brends .brend { display: block; background: #fff9e4; width: 80px; height: 40px; overflow: hidden;  float: left; margin: 0px 5px 5px 0px; text-align:center;font-size:14px; }
.firm_preview .brends .brend_l { display: block; background: #fff9e4; width: 80px; height: 40px; overflow: hidden;  float: left; margin: 0px 0px 5px 0px }

.firm_preview .text { margin: 0px 265px 0px 90px }
.firm_preview .more_btn { text-align: right; padding-bottom: 3px; }

.pages { display: block; float: right; font-size: 12px; line-height: 15px;}
.pages a { text-decoration: underline }
.pages div { margin: 1px 0px }
.pages a:hover { text-decoration: none }
.pages .page_select { text-align: right; cursor: default; }
.pages .page_select span.bg { background: #fff9e4; padding: 0px 5px; }
.pages .page_select a { padding: 0px 2px; text-decoration: none; }
.pages .page_select a:hover { text-decoration: underline; }
.pages .page_select span { font-weight:bold; font-size:13px; }
.pages .page_select a span { font-weight:normal; font-size:12px; }

/* ---------- */
.presented_marks { text-align: center; display: block; clear: both; position: relative;}
.presented_marks a.b_mark { position: relative; font-size: 12px; padding: 0px 20px;}
.presented_marks .other_marks { padding-top: 15px; text-align: center; margin-bottom: 15px;}
.presented_marks .other_marks span { line-height: 13px; border-right: 1px solid #333; padding: 0px 5px; display: inline; position: relative;}
.presented_marks .other_marks span.last { border-right: 0 }

/* articles */
.article_section { font-size: 12px; }
.article_section .attrs_line { font-size: 10px; font-weight: bold; }
.article_section .attrs_line .date { float: left; }
.article_section .attrs_line .group { float: right; }
.article_section .ann { margin-left: 70px; text-align: justify}
.article_section .other_info { float: right; font-size: 11px; color: #827857; }

/* ------ */
.discount_table { border-collapse: collapse; }
.discount_table td.d_cell { padding: 5px; }


/* forms */
.p_form { }
.p_form .text { margin-bottom: 10px }
.p_form  .label { font-size: 12px; }
.p_form input { font-size: 12px; font-family: Arial; padding: 2px; height: 14px; width: 300px; border: 1px solid #827857}
.p_form textarea { font-size: 12px; font-family: Arial; padding: 2px; height: 180px; width: 300px; border: 1px solid #827857}
.p_form input.submit {
    width: auto; height: 22px;
    border: 1px solid #827857; cursor: pointer;
    padding: 2px 12px 2px 20px; font-size: 11px;
    background: #fff9e4;
    white-space: nowrap;
}

.x_table input { font-size: 12px; font-family: Arial; padding: 2px; height: 14px; width: 400px; border: 1px solid #827857 }

.x_table select { font-size: 12px; font-family: Arial; padding: 2px;  border: 1px solid #827857 }
.x_table input.date_i { width: auto; }
.x_table input.file_i { width: auto; height: 20px; }
.x_table textarea { font-size: 12px; font-family: Arial; padding: 2px; height: 270px; width: 400px; border: 1px solid #827857}
.x_table input.submit {
    width: auto; height: 22px;
    border: 1px solid #827857; cursor: pointer;
    padding: 2px 12px 2px 20px; font-size: 11px;
    background: #fff9e4;
    white-space: nowrap;
}
.check_place input { width: auto; margin-left: 50px; border: 0}
iframe { background: white; }

/* subscribe */
.subscribe_table { width: 100%; border-collapse: collapse; margin-top: 10px; display: table; position: relative;}
.subscribe_table td { vertical-align: top; font-size: 11px; /*background: #f2ebd5;*/ background-color:#fffff0; border: 1px solid white; padding: 3px; }
.subscribe_table .s_head { background: #fff9e4; font-weight: bold; padding: 5px 10px;}
.subscribe_table .s_head input { width: auto; border: 0}
.ch_place { margin-left: 50px; text-indent: -22px; padding: 2px 0px; }
.ch_place input { width: auto; border: 0; }
.subscr_subm { padding: 10px; text-align: center; }

/* counters, footer, link etc */
.counter_place {
    text-align: center; margin: 10px 0px 
}



.footer { 
    margin: 5px 0px;
    margin-top: 15px;
    color:#827857;
    /*background: #f2ebd5;*/
    background-color:#fffff0;
    font-size: 11px;
}
.footer table {  width: 100% }
.footer a { text-decoration: underline; color:#827857; }
.footer a:hover { text-decoration: none; }
.footer .left { text-align: left; width:120px;}
.footer td {padding:5px 15px;}
.footer .right { text-align: right; width:205px;}

.flexlogo{
 float: right;
 margin-left: 3px;
 position: relative;
 }

.flexlogo .under{
 position: absolute;
 top: 10px;
 left: 0px;
 }


.flexlink{
 margin-top: 3px;
 }


.links_place {
    text-align: justify;
    margin: 5px 255px 0 170px; height: 1%;
    padding-bottom:13px;
}
.links_place a { text-decoration: underline; }
.links_place a:hover { text-decoration: none; }

/* -- path -- */
.path_to_node { font-size: 11px; font-weight: bold; }

/*div { border: 1px solid red; }*/






div.cmContextMenu {	position:absolute; 	border:outset 4px; 	background-color:threedface; 	visibility:hidden; 	cursor:default; 	z-index:10;	}
th.cmTH {font-family:verdana, arial, helvetica; font-size:10px;}
textarea.taText {	position:absolute; left:0px; top:0px; 	display:none; 	cursor:default;	}

table.wysiwyg {
	width:100%;
	border-collapse:collapse;
	border:none;
	}
table.wysiwyg table {
	border:none;
	}
table.wysiwyg td {
	border:none;
	padding:0;
	background:#fff;
	}
.work .topForm td.tbToolBar {

	font-family:verdana,arial,helvetica; 
	font-size:10px; 
	cursor:default; 
	z-index:1;
	border:solid 1px #039;
	}
table.tbToolBarTable {
	background-color:threedface;
	border-collapse:collapse;
	}


div.tbImageButtonEnabled {left:0px; top:0px; height:22px; width:23px; border:solid 1px threedface; z-index:2;}
div.tbImageButtonDisabled {left:0px; top:0px; height:22px; width:23px; border:solid 1px threedface; z-index:2;}
input.tbChekBoxEnabled {background-color:threedface; font-family:verdana,arial,helvetica; font-size:10px; z-index:2;}
select.tbSelectEnabled {background-color:white; font-family:verdana,arial,helvetica; font-size:10px; z-index:2;}
td.tbToolBarCell {height:23px; width:24px; cursor:default;}
img.tbDivImage {position:relative; left:1px; top:1px; height:20px; width:21px; border:none; z-index:3;}
td.ctItemCell {border:solid 2px threedface; text-align:center; vertical-align:middle;}
.work .topForm td.tdWysiwygIframe {border:solid 1px #039; border-top:none; }
.wysiwygIframe {width:100%; height:300px; border:none;}


#e0_viewsource, .cbox input {width:auto}

.msg {
  font:bold 14px arial;
  color:#f00;
  text-align:center;
}
.personal {
  font:bold 12px arial;
}

.counter {
  margin-bottom:5px;
  text-align:center;
}

.more {
  text-align:right;
}

.del_msg {
  font:bold 12px arial;
  color:#f00;
}