/* ---------------------------------------------------------------------
Author: Darko Ignjatovic (Darko Ignjatovic)
Role: Web Programmer
Company: Tehnicom Computers, Web Developement Team
Contact: darkoignjatovic@gmail.com
Location: Belgrade, Serbia
Created: February 8th 2008
Last Entry: February 25th 2008
---------------------------------------------------------------------- */

/* =reset.css (by Andy Clarke) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }
:focus { outline : 0; }
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
.clear { clear: both; font-size: 1px; line-height: 0; }

/* tags */
html { font-size: 62.5%; text-align: center; height: 100%; }
body { font: 120% normal Arial, Helvetica, sans-serif; text-align: center; background-color:#6d6e71; height: 100%; }
.back-link { background: url("../img/blt_back.gif") no-repeat left center; padding-left: 10px; color: #96684f; text-decoration: none; }
.more-link { background: url("../img/blt_arrow_right.gif") no-repeat left center; padding-left: 12px; color: #96684f; text-decoration: none; }
a.more-link[class = "more-link"] { background: url("../img/blt_arrow_right.png") no-repeat left 2px; }
#news-list li a.more-link:hover { text-decoration: underline; }

/* =wrap */
#wrap { width:980px; height:570px; position: absolute; left: 50%; top: 50%; margin-left: -490px; margin-top: -285px; }

/*=outer-links*/
#outer-links { margin:0 5px 3px; color:#fff; text-align:left; }
#outer-links li { display:inline; margin-right:2px; }
#outer-links li a { color:#fff; font-size:90%; padding:2px; text-decoration:none; }
#outer-links li a:hover { color:#333; }
#outer-links .home-link { background:url(../img/ico_home.gif) no-repeat left top; padding-left:20px; }
#outer-links .home-link:hover { background:url(../img/ico_home_over.gif) no-repeat left top; }

/* =main-wrap */
#main-wrap { display:block; text-align:left; width:980px; height:545px; border:1px solid #a39790; }

/* =header */
#header { background-color:#96684f; height:80px; border-bottom:5px solid #fff; position:relative; z-index: 1000; }
#header h1 { padding:16px 0 0 35px; float:left; }
#header h1 a { display:block; width:150px; height:50px; background:url(../img/mercata_logo.gif) no-repeat left top; text-indent:-9999px; }

/* =main-navigation */
#main-navigation { display:block; float:left; margin: 28px 0 0 22px; }
#main-navigation ul { float:left; display:block; width:auto; }
#main-navigation ul li { display:block; float:left; }
#main-navigation ul li a { display:block; text-decoration:none; color:#fff; padding:5px 8px; border-right:1px solid #fff; }
#main-navigation ul li.last a { border:none; }
#main-navigation ul li a:hover { background-color:#764c28; color:#c49a6c; }
#main-navigation ul li.active a { color:#c49a6c; }

/* submenus */
#nav li ul { position: absolute; left: -999px; margin-top:0; z-index:1000; width:115px; }
#nav li:hover, #nav li.sfhover { background-color:#764c28; color:c49a6c; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-color:#764c28; }
#nav li ul li { clear:both; width:115px; }
#nav li ul li a { font-size:90%; width:auto; color:#c49a6c; border:none; padding:5px 10px; margin:0; }
#nav li ul li a:hover { background-color:#603813; }

/* subsubmenus */ 
#nav li ul ul { margin: -2em 0 0 140px; background:transparent; border-top:none; }
#nav li ul ul li a { background:#a3a5a8; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

/* =content */
#content { clear:both; display:block; width:980px; height:460px; background:url(../img/bg_content.gif) repeat-x left bottom; }
#home-page #content { background:#96684f; width:980px; height:460px; }
#home-flash { position:relative; display:block; width:980px; height:230px; }
#home-flash .flash-warning { display:block; position:absolute; bottom:5px; right:5px; background:url(../img/bg_content.gif) repeat-x left center; color:#4A4A4A; width:450px; padding:8px; }
#home-flash { z-index: 100; }
#home-flash .flash-warning a { color:#96684f; font-weight:bold; text-decoration:none; }
#home-flash .flash-warning a:hover { text-decoration:underline; }

/* =main-content */
#main-content { float:left; width: 490px; height:420px; padding:30px 0 0 40px; color:#4a4a4a; }
#main-content h1 { color:#96684f; font-size:1.3em; font-weight:bold; margin-bottom:10px; }

/* =content-box */
#content-box { height:380px; width: 480px; overflow:auto; }
#content-box em { font-style:italic; }
#content-box p { margin-bottom:10px; }
#content-box ul li { background: url("../img/blt_list.gif") no-repeat left 0.2em; padding-left: 12px; }
#main-image { float:right; width:440px; }
#main-image object { float:right; }
#main-image img { float:right; }
#content-box h3 { color: #96684F; font-weight: bold; }
#content-box a { color: #96684f; text-decoration: none; }
#content-box a:hover { text-decoration: underline; }

/* =applications */
#applications h2 { font-size: 120%; font-weight: bold; color: #96684f; margin-bottom: 5px; border-bottom: 1px solid #999; padding-bottom: 2px; }
div#applications[id="applications"] h2 { border-bottom: 1px dotted #999; }
#applications-detail { overflow: auto; height: 340px; border-bottom: 1px solid #999; margin-bottom: 2px; padding-right:10px;  }
div#applications-detail[id="applications-detail"] { border-bottom: 1px dotted #999; }
#applications ul li { background: url("../img/blt_list.gif") no-repeat left 0.2em; padding-left: 12px; }

/* =financial */
#financial h3 { font-weight:bold; color:#96684f; margin:10px 0 0; }
#financial h3 a { display:block; padding:5px 5px; width:400px; }
#financial h3 a:hover {background-color: #bbbbbd; text-decoration:none;}
#financial p { margin-left:5px;}
#financial_2005 h3 { font-weight:bold; color:#96684f; margin:10px 0 0; }
#financial_2005 h3 a { display:block; padding:5px 5px; width:400px; }
#financial_2005 h3 a:hover {background-color: #bbbbbd; text-decoration:none;}
#financial_2005 p { margin-left:5px;}

/* =news */
#news-list { width: 480px; height: 360px; overflow: auto; display: block; }
#news-list li { margin-bottom: 10px; border-bottom: 1px solid #a9a9a9; padding-bottom: 5px; }
ul#news-list[id="news-list"] li { border-bottom: 1px dotted #a9a9a9; }
#news-list li h5 { color: #96684f; font-size: 0.85em; }
#news-list li h3 a { font-size: 1.0em; color: #96684f; text-decoration: none; font-weight: bold; ma
}
#news-list li h3 a:hover { text-decoration: underline; }
#news-list li h4 { font-weight: normal; }
#news-list li h4 em { font-weight: bold; font-style: normal; color: #666; margin-bottom: 2px; }
#news-list .intro { margin:2px 0 -2px; }
#news-list .intro p { margin-bottom: 5px; }
#news { display: block; height: 380px; overflow: auto; border-bottom: 1px solid #999; margin-bottom: 2px; }
div#news[id ='news'] { border-bottom: 1px dotted #999; }
#news ul li { background: url("../img/blt_list.gif") no-repeat left 0.2em; padding-left: 12px; }
#news p { margin-bottom: 10px; }
#news h3 { font-weight: normal; color: #96684F; }
#news h2 { font-size: 1.2em; font-weight: bold; color: #96684f; margin-bottom: 10px; }
#search { float:right; width:210px; }
#search .input input { float:left; width:120px; height:16px; border:1px solid #999; background-color:#eee; font-size:1.1em; color:#999; padding:1px 5px; }
#search .input input:focus { color: #96684f; }
#search .submit input { float:left; width:auto; height:20px; display:block; border:none; cursor:pointer; margin-left:2px; color:#fff; background:#96684f; padding:1px 3px; vertical-align:bottom; }
#search .submit input:hover { background-color:#764c28; color:#c49a6c; }
.highlight { color:#96684f; font-weight:bold; }

.news-page #new-news {
display:block;
width:980px;
height:460px;
}

.news-page #new-news h2 {
font-weight:bold;
color:#96684f;
margin-bottom:5px;
font-size:120%;
}

.news-page #new-news h2 span{
display:block;
font-weight:normal;
font-size:75%;
}


.news-page #new-news .desc {
height:235px;
overflow:auto;
}
.news-page #new-news .desc a {
 color: #96684f;
 text-decoration: none;
 font-weight: bold;
}
.news-page #new-news .desc a:hover {
 color: #96684f;
 text-decoration: underline;
 font-weight: bold;
}
.news-page #new-news h3.title {
margin:5px 0 10px 0;
font-weight:bold;
color:#96684f;
font-size:110%;
border-bottom:1px solid #96684f;
float:left;
width:100%;
}

.news-page #new-news h3.title em { 
float:left;
width:30%;
}

.news-page #new-news h3.title span a{
float:right;
font-size:85%;
margin-right:5px;
text-decoration:none;
color:#96684f;
background:url(../img/blt_back.gif) no-repeat left center;
padding-left:10px;
}
.news-page #new-news h3.title span a:hover{
text-decoration:underline;
}
.news-page #new-news #news-list {
height:auto;
overflow:hidden;
}

.news-page #new-news #news-list li {
margin:0;
font-size:90%;
color:#666;
border-bottom:none;
margin-bottom:-2px;
}

.news-page #new-news #news-list li em{
font-style:normal;
}
.news-page #new-news #news-list li a{
font-weight:bold;
text-decoration:none;
color:#666;
}

.news-page #new-news #news-list li a:hover{
text-decoration:underline;
}

.news-page #new-news #main-image {

height:460px;
position:relative;
}

.news-page #new-news #main-image img {
margin:30px;
}
.news-page #new-news #search {
position:absolute;
bottom:60px;
left:90px;
}

.news-page #new-news #search em {
font-weight:bold;
display:block;
font-size:110%;
color:#96684f;
padding-bottom:5px;
font-style:normal;
}

.news-page #new-news #search form {
float:left;
width:300px;
background-color:#dedfe0;
padding:10px;
}
.news-page #new-news #search .input input {
width:240px;
}

.news-page #new-news #search .submit input {
margin-left:10px;
background-color:#6d6e71;
font-weight:bold;
}


/* =suppliers */
#suppliers ul li { background: none; padding-left: 0 }
#suppliers ul { width:400px; }
#suppliers h3 { margin-bottom:2px; }
#suppliers li a { color:#6F6F6F; font-weight:bold; font-size:0.9em; background: url("../img/blt_arrow_right.gif") no-repeat left center; padding-left:15px; }
div#suppliers[id="suppliers"] li a { background: url("../img/blt_arrow_right.png") no-repeat left center; }
#suppliers li { margin-bottom: 7px; border-bottom: 1px solid #a9a9a9; padding:0 0 2px 0; width:280px; }
div#suppliers[id="suppliers"] li { border-bottom: 1px dotted #a9a9a9; }

/* =distributors */
#region-list { border:1px solid #999; float:left; margin:10px 0; }
#region-list li { display:block; float:left; padding:10px 0 10px 5px; }
#region-list li a { display:block; color:#96684f; text-decoration:none; font-weight:bold; background:url(../img/blt_arrow_down.gif) no-repeat left 60%; padding: 0 8px 0 14px; border-right:1px solid #c3996b; }
ul#region-list[id="region-list"] li a { background:url(../img/blt_arrow_down.png) no-repeat left 60%; }
#region-list li a:hover { text-decoration:underline; }
#region-list li a.last { border-right:none; }
#region-title { color:#96684f; font-weight:bold; font-size:1.2em; margin:0 0 10px; }
#distributors-list { margin:10px 0 3px; height:240px; overflow:auto; border-bottom:1px solid #a9a9a9; }
ul#distributors-list[id="distributors-list"] { border-bottom:1px dotted #a9a9a9; }
#distributors-list h5 { font-weight:bold; }
#distributors-list li { margin-bottom:5px; }
#distributors-list li a { color:#96684f; text-decoration:none; }
#distributors-list li a:hover { text-decoration:underline; }
#distributors a.download { background:url(../img/blt_arrow_down.gif) no-repeat left center; padding-left: 12px; color:#96684f; text-decoration:none; font-size:0.9em; }
#distributors a.download:hover { text-decoration:underline; }

/* =contact-form */
#contact-form { margin-top:10px; }
#contact-form fieldset {margin-top:5px;}
#contact-form h3 { border-bottom:1px solid #999; font-size:110%; padding-bottom:2px; margin-bottom:5px; }
form#contact-form[id="contact-form"] h3 { border-bottom:1px dotted #999; }
#contact-form .input { margin-bottom:5px; }
#contact-form .input label { display:block; width:120px; float:left; }
#contact-form .input input, #contact-form .textarea { border:1px solid #999; background-color:#eee; color:#666; }
#contact-form .textarea { width:280px; }
#contact-form .input input:focus, #contact-form .textarea:focus { border-color: #666; background-color:#fff; color:#96684f; font-weight:normal; }
#contact-form .submit input { border:1px solid #999999; color:#96684F; cursor:pointer; display:block; font-weight:bold; padding:2px 5px; width:auto; margin-left:120px; }
#contact-form .submit input:hover { background-color:#96684F; color:#fff; }
#contact-form .flash2 .message { margin-bottom: -5px; }

/* =employment-form*/
#employment-form { padding-top:15px; width:480px; height:350px; overflow:auto; padding-right:10px; }
#employment-form h3 { font-size:115%; font-weight:bold; clear:both; margin:15px 15px 15px 0; border-bottom:1px solid #999; padding:2px; color:#96684F; }
form#employment-form[id="employment-form"] h3 { border-bottom:1px dotted #999; }
#employment-form h4 { font-weight:bold; margin:15px 5px 10px; }
#employment-form .input { display:block; margin-bottom:5px; clear:both; padding-left:5px; }
#employment-form .input label { width:200px; display:block; float:left; }
#employment-form .input input, .textarea { width:200px; background-color:#eee; border:1px solid #999; color:#666; }
#employment-form .input .textarea { float:left; width:200px; height:120px; margin-left:3px; overflow:auto; }
form#employment-form[id="employment-form"] .input .textarea { margin-left:0; }
#employment-form div[class="input"] input { border:1px solid #999; }
#employment-form .input input:focus, .textarea:focus { background-color:#fff; border-color:#666; color:#96684f; font-weight:bold; }
#employment-form .radio { float:left; padding-bottom:10px; clear:none; display:block; width:150px; }
#employment-form .radio input { width:auto; clear:both; }
#employment-form .radio-box { margin:10px 0; padding-left:5px; }
#employment-form .radio-box label { display:block; float:left; width:200px; }
#employment-form .submit { clear:both; padding:5px 0 15px; padding-left:205px; }
#employment-form .submit input { display:block; width:auto; border:1px solid #999; font-weight:bold; padding:2px 5px; cursor:pointer; color:#96684F; background:transparent; }
#employment-form .submit input:hover { background-color:#96684F; color:#fff; border-bottom-color:#96684F; }
/* =paginator */
#paginator { float: left; padding-left: 180px; width: 250px; }
#paginator li { display: block; float: left; margin: 0 2px; }
#paginator li.active-number { font-size: 1.3em; font-weight: bold; margin-top: -2px; }
#paginator li a { text-decoration: none; font-weight: bold; display: block; width: auto; color: #96684f; padding: 0 2px; }
#paginator li.prev a, #paginator li.next a { text-indent: -9999px; width: 0.9em; }
#paginator li.prev a { background: url("../img/blt_back.gif") no-repeat center center; }
#paginator li.next a { background: url("../img/blt_more.gif") no-repeat center center; }
.message { font-weight:bold; display:block; width:410px; margin-bottom:15px; color:#96684f; padding:5px 0; background-color:#ddd; text-align:center; }
/* =footer */
#footer { clear:both; text-align:right; color:#dbdbdb; padding:2px 0 5px; }
#footer a { text-align:right; color:#dbdbdb; font-size:0.8em; text-decoration:none; margin:0 5px; }
#footer a:hover { color:#333; }
#footer .disclaimer { float: left; margin:2px 5px 5px; text-align: left; display: inline; font-size:0.8em; }
#footer .disclaimer a { font-size:1.0em; }

#dokumentacija { left:14px; position:absolute; top:347px; }
#dokumentacija a { color:#FFFFFF; text-decoration:none; font-size:11px; }
#dokumentacija a:hover { color:#C49A6C; }

* html body { overflow: hidden; position: relative; }
*:first-child+html html body { overflow: hidden; position: relative; }

html { overflow: hidden!important; position: relative; }
body { overflow: hidden!important; position: relative; }
.snowfall-flakes { background: url("../img/flake.png") no-repeat left top!important; width: 22px!important; height: 25px!important; }
.new-year-sr { position: relative; top: -125px; left: 25px; }
.new-year-en { position: relative; top: -167px; left: 25px; }