body 
{
    background-color:#e8e8e8;
    background-image:url(../media/background-body.png);
    background-repeat:repeat-x;
    margin:0;
    text-align:center;
}

#wrapper 
{
    width:980px;
    background-image:url(../media/body_background.png);
    background-repeat:repeat-y;
    margin:0 auto;
}

a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#0000ff;
    text-decoration:underline;
}

a:hover 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FF6600;
    text-decoration:none; 
}

img 
{
    border:0;
}

a img 
{
    border-style: none;
    border: none !important;
}
 
.clearBox {
     clear:both;
 }

#headerContainer {
    width:960px;
    height:46px;
    margin:0 auto;
}

.headerLeft {
    width:960px;
    height:46px;
    float:left;
}

.headerRight {
    width:263px;
    height:65px;
    float:left;
}

#navigationContainer {
    width:960px;
    height:auto !important;
    margin:0 auto;
    background-image:url(../media/navigation_background.png);
    background-repeat:repeat-x;
}

#mainBodyIndex /* Srednji DIV na pocetnoj stranici */
{
    width:960px;
    margin:0 auto;
    background-image:url(../media/main_body_back_index.gif);
    background-repeat:repeat-y;
}

#mainTopImgIndex /* Top slika kod srednjeg DIV-a na pocetnoj strani */
{
    width:960px;
    height:19px;
    margin:0 auto;
    background-image:url(../media/top_index_body.gif);
    background-repeat:no-repeat;
}

#mainContainer /* Srednji DIV za sve stranice */
{
    width:960px;
    margin:0 auto;
    padding-bottom:5px;
}

#leftContentIndex
{
    margin: 0 auto;
    width:330px;
    float:left;
    text-align:center;
}

#rightContentIndex 
{
    width:615px;
    float:left;
    padding-left:10px;
}

#footerContainer 
{
    width:980px;
    height:79px;
    margin:0 auto;
}

#footerLeft 
{
    width:9px;
    height:79px;
    background-image:url(../media/footer_left.png);
    background-repeat:no-repeat;
    float:left;
}

#footerRight 
{
    width:16px;
    height:79px;
    background-image:url(../media/footer_right.png);
    background-repeat:no-repeat;
    float:left;
}

#footerCenter 
{
    width:955px;
    height:79px;
    float:left;
    background-image:url(../media/footer_backgorund.png);
    background-repeat:repeat-x;
    padding-top:20px;
    padding-bottom:20px;
}

.footerTopCont {
    width:850px;
    border-bottom:1px #353535 solid;
    margin:0 auto;
    font-family:Arial;
    font-size:12px;
    color:#cccccc;
    padding-bottom:5px;
}


.footerTopCont a {
    font-family:Arial;
    font-size:12px;
    color:#cccccc;
    text-decoration:none; 
    text-align:center;      
}

.footerTopCont a:hover {
    text-decoration:underline;  
}

.footerBottomCont {
    width:750px;
    margin:0 auto;
    font-family:Arial;
    font-size:10px;
    color:#a19e9e;
}

.blankCube
{
    width:10px;
    height:12px;
    float:left;
}

#vestiContainerIndex 
{
    clear:both;
    width:600px;
    padding:8px;
    padding-top:0;
    text-align:left;
    font-family:Arial;
    font-size:12px;
    color:#666666;
}

#vestiContainerIndex a
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #FF6600;
    text-decoration:underline;
}

#vestiContainerIndex a:hover
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #666666;
    text-decoration:underline;
}

.vestiNaslovBox
{
    width:600px;
    font-weight:bold;
}

.vestiNaslovBox1
{
    width:350px;
    float:left;
}

.vestiNaslovRight
{
    width:250px;
    float:left;
}

.vestiNaslovBox2
{
    width:67px;
    height:12px;
    float:right; /* left */
	padding-right:20px;
}

.vestiNaslovBox2 a
{
    width:67px;
    height:12px;
    background-image:url(../media/arch_sr.gif);
    background-repeat:no-repeat;
    display:block;
}

.vestiNaslovBox2 a:hover
{
    width:67px;
    height:12px;
    background-image:url(../media/arch_sr_hover.gif);
    background-repeat:no-repeat;
}

.vestiNaslovBox3
{
    width:156px;
    height:12px;
    float:left;
}

.vestiNaslovBox3 a
{
    width:156px;
    height:12px;
    background-image:url(../media/arc_site_sr.gif);
    background-repeat:no-repeat;
    display:block;
}

.vestiNaslovBox3 a:hover
{
    width:156px;
    height:12px;
    background-image:url(../media/arc_site_sr_hover.gif);
    background-repeat:no-repeat;
}


.vestiBox
{
    width:300px;
    /*margin:0 auto;*/
    padding-bottom:3px;
}

.vestiTitleBox
{
    width:300px;
}

.vestiTextBox
{
    width:300px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #666;
}

/* vesti right box */
#vestiContainerIndexTwo
{
    clear:both;
    width:300px;
    padding:8px;
    padding-top:0;
    text-align:left;
    font-family:Arial;
    font-size:12px;
    color:#666666;
}

#vestiContainerIndexTwo a
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #FF6600;
    text-decoration:underline;
}

#vestiContainerIndexTwo a:hover
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #666666;
    text-decoration:underline;
}

.vestiNaslovBoxTwo
{
    width:300px;
    font-weight:bold;
}

.vestiNaslovBox1Two
{
    width:150px;
    float:left;
}

.vestiNaslovRightTwo
{
    width:150px;
    float:right;
}

.vestiNaslovBox2Two
{
    width:67px;
    height:12px;
    float:right; /* left */
	padding-right:20px;
}

.vestiNaslovBox2Two a
{
    width:67px;
    height:12px;
    background-image:url(../media/arch_sr.gif);
    background-repeat:no-repeat;
    display:block;
}

.vestiNaslovBox2Two a:hover
{
    width:67px;
    height:12px;
    background-image:url(../media/arch_sr_hover.gif);
    background-repeat:no-repeat;
}

.vestiNaslovBox3Two
{
    width:156px;
    height:12px;
    float:left;
}

.vestiNaslovBox3Two a
{
    width:156px;
    height:12px;
    background-image:url(../media/arc_site_sr.gif);
    background-repeat:no-repeat;
    display:block;
}

.vestiNaslovBox3Two a:hover
{
    width:156px;
    height:12px;
    background-image:url(../media/arc_site_sr_hover.gif);
    background-repeat:no-repeat;
}


.vestiBoxTwo
{
    width:300px;
    margin:0 auto;
    padding-bottom:3px;
}

.vestiTitleBoxTwo
{
    width:300px;
}

.vestiTextBoxTwo
{
    width:300px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #666;
}


.contentContainerIndex 
{
    width:615px;
    background-image:url(../media/middle_box_top_img_index.gif);
    background-position:top;
    background-repeat:no-repeat;
    padding-top:20px; /*10px*/
    padding-bottom:20px;
}

.contentContainerBottomIndex
{
    float:left;
    width:330px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

.pretragaContainerIndex
{
    float:left;
    width:270px;
    text-align:center;
    padding-bottom:10px;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666666;
}

#langBox 
{
    width:133px;
    height:32px;
    color:#FFFFFF;
    background-image:url(../media/lang_bg.png);
    background-repeat:no-repeat;
    float:left;
    padding-top:8px;
    text-align:center;
}

/* ######### NAVIGACIJA ######### */

.chromestyle{
width: 824px;
float:left;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #cacacc;
height:32px;
padding: 6px 10px;
margin:-4px 0;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../media/navigation_background_over.png) center center repeat-x; /*THEME CHANGE HERE*/
color:#ffffff;
height:32px;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #504e4e; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Arial;
line-height:15px;
z-index:100;
background-color: #1f1f1f;
width: 130px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 5px;
text-decoration: none;
color: white;
text-align:left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #504e4e;
}

#mainBodyPages /* Srednji DIV na ostalim stranicama */
{
    width:960px;
    margin:0 auto;
    background-image:url(../media/main_body_back_page01.gif);
    background-repeat:repeat-y;
    clear:both;
}

#mainTopImgPages /* Top slika kod srednjeg DIV-a na ostalim stranicama */
{
    width:960px;
    height:19px;
    margin:0 auto;
    background-image:url(../media/main_body_top.gif);
    background-repeat:no-repeat;
}

#softverContainerLeft
{
    float:left;
    width:750px;
    text-align:left;
    padding-left:10px;
    padding-top:15px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#616161;
}


#softverContainerRight
{
    float:left;
    padding-left:25px;
}

.softverLargeBox 
{
    width:680px;
    border-bottom: #CCCCCC 1px solid;
}

.softverImg 
{
    width:120px;
    height:115px;
    text-align:center;
    float:left;
}

.softverMedBox 
{
   float:left;
   width:540px;
   padding-left:10px;
}

.softverTitleBox 
{
   padding-bottom:5px;
}

.softverTitleBox a
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#FF6600;
   text-decoration:none;
   font-weight:bold;
}


.softverTitleBox a:hover
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color: #FF9900;
   text-decoration:none;
   font-weight:bold;
}

.softverTextBox 
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#616161;
}

#productLeftBox
{
   width:160px;
   float:left;
   text-align:center;
   padding-left:15px;
}

#productCenterBox
{
   float:left;
   padding-left:15px;
   width:520px;
}

.productTitleBox
{
   font-family: "Myriad Pro";
   font-size:26px;
   font-weight:bold;
   color:#ea7f20;
   text-align:left;
}

.productSubTitleBox
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#ea7f20;
   text-align:left;
}

.mainTextBox
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#616161;
   width:520px;
   padding-top:10px;
   text-align:left;
   padding-bottom:25px;
   clear:both;
}

.mainTextBox a 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#0000ff;
    text-decoration:underline;
}

.mainTextBox a:hover 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FF6600;
    text-decoration:none;
}

.softwareButton
{
   width:148px;
   height:33px;
   background-image:url(../media/sft_btn.gif);
   background-repeat:no-repeat;
   margin:0 auto;
}

.softwareButtonImg
{
   width:37px;
   height:33px;
   float:left;
   padding-left:3px;
}

.softwareButtonText
{
   width:105px;
   height:33px;
   float:left;
   text-align:left;
   top:50%;
}

.softwareButtonText a
{
   font-family:Arial;
   font-size:12px;
   color:#ffffff;
   text-decoration:none;
}


.softwareButtonText a:hover
{
   text-decoration:underline;
   color:#ffffff;
}

.printBoxTop
{
   width:520px;
   border-bottom:#bab4b4 1px solid;
   text-align:left;
   cursor:hand;
}

.printBoxInside
{
   background-image:url(../media/print.gif);
   background-repeat:no-repeat;
   width:86px;
   height:17px;
   float:left;
   cursor:hand;
}

.printBoxBottom
{
   width:520px;
   border-top:#bab4b4 1px solid;
   text-align:left;
   cursor:hand;
   padding-bottom:20px;
}

.vrhStrane
{
   background-image:url(../media/vrh.gif);
   background-repeat:no-repeat;
   width:86px;
   height:17px;
   float:left;
   cursor:hand;
}

.printBoxTop2
{
   width:720px;
   border-bottom:#bab4b4 1px solid;
   text-align:left;
   cursor:hand;
}

.printBoxBottom2
{
   width:720px;
   border-top:#bab4b4 1px solid;
   text-align:left;
   padding-bottom:20px;
   cursor:hand;
}

.productSmallBox
{
   width:520px;
   font-family:Arial;
   font-size:10px;
   color:#666666;   
}

.productSmallBox a
{
   font-family:Arial;
   font-size:13px;
   color:#21218b;
   font-weight:bold;
   text-decoration:none;   
}

.productSmallBox a:hover
{
   color:#f26f3e;
   font-weight:bold;
   font-size:13px;
   text-decoration:none;   
}

.tecdocUputstvaBox
{
   width:250px;
   float:left;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
}

ul.tecdocUputstvaBox 
{
   list-style-type: square;
   list-style-image: none;
   list-style-position: outside;   
}

.tecdocButtons
{
   width:270px;
   text-align:center;
}

.defaultTitleBox01
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:20px;
   color:#616161;
   padding-top:10px;
   text-align:left;
}

.defaultSubTitleBox01
{
   width:100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#054a74;
   padding-left:30px;
   text-align:left;
}

.medijiLargeBox
{
   width:520px;
   text-align:left;
}

.medijiImgBox
{
   width:120px;
   float:left;
   padding-right:10px;
   padding-bottom:5px;
}

.medijaTitle
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#666666;
}

.medijaSubTitle
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#FF6600;
}

.medijiText
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#666666;
}

.partneriBox
{
   padding-top:10px;
}

.partneriLogoBox
{
   width:100px;
   padding-right:5px;
   float:left;
}

.partneriTitle
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#616161;
   font-weight:bold;
}

.aktProjBox
{
   text-align:left;
   clear:both;
}

.refLogoBox
{
   float:left;
   
}

.refTextBox
{
   float:left;
   width:390px;
   padding-left:5px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#666666;
}

.atktProTitle
{  
   font-family:Arial, Helvetica, sans-serif;
   font-size:15px;
   color:#616161;
   font-weight:bold;
}

.prethProjBox
{
   padding-bottom:40px;
}

.prethImgBox
{
   width:120px;
   float:left;
}

.prethTextBox
{
   width:390px;
   float:left;
   padding-left:5px;
}

.helpLargeIconsCont
{
   width:520px;
   margin:0 auto;
   padding-top:120px;
   padding-bottom:120px;
   text-align:center;
}

.helpSmallIconsCont
{
   width:260px;
   float:left;
   text-align:center;
}

.tecDocTableCell
{
   background:url(../media/tec_doc_cen_bg.gif) #0072bc;
   background-repeat:repeat-x;
   border:#e8e8e8 1px solid;
   padding:3px;
   color:#ffffff;
   font-family:Arial;
   font-size:10px;
   font-weight:bold;
}

.tecDocCellBorder
{
   border:#e8e8e8 1px solid;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#666666;
}

.marketingWebshopHeader
{
   background:url(../media/webshop_header_bg.gif) #0072bc;
   background-repeat:repeat-x;
   border:#e8e8e8 1px solid;
   padding:3px;
   color:#ffffff;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   height:30px;
   text-align:center;
}

.marketingWebshopTableCell
{
   background:url(../media/webshop_cen_bg.gif) #0072bc;
   background-repeat:repeat-x;
   border:#e8e8e8 1px solid;
   padding:3px;
   color:#ffffff;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   height:30px;
   text-align:center;
}

.marketingWebshopCellBorder
{
   border:#bab4b4  1px solid;
   font-family:Arial;
   font-size:13px;
   font-weight:bold;
   color:#666666;
   text-align:center;
}

.vestiTitle
{
   width:460px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   color:#FF6600;
   padding-top:10px;
   text-align:left;
}

.vestDatum
{
   width:460px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#1959b3;
   padding-bottom:10px;
   text-align:left;
}

.vestiImg
{
   width:150px;
   heigth:120px;
   float:left;
}

.formLargeDiv
{
   margin:0 auto;
}

.formLargeDiv2
{
   margin:0 auto;
   text-align:center;
}


.formBoxText
{
   width:150px;
   height:18px;
   float:left;
   text-align:right;
   padding-right:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.formBoxInput
{
   float:left;
}

.kontaktTitle
{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size:20px;
   color:#333333;
   font-weight:bold;
   text-align:left;
}

.kontaktSubTitle
{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   font-weight:bold;
   text-align:left;
   
}

.kontaktBox1
{
   width:172px;
   float:left;
}

/* SIDE MENU */
.urbangreymenu{
width: 170px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Arial;
color: white;
background-image:url(../media/side_menu_back.gif);
background-repeat:repeat-x;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 3px 8px 3px 0;
text-align:right; /*31px is left indentation of header text*/
}

.headerBarLink {
font: bold 12px Arial;
color: white;
text-decoration:none;
}

.headerBarLink:hover {
font: bold 12px Arial;
color: orange;
text-decoration:none;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
text-align:right;
font: normal 12px Arial;
color: black;
background: #fff;
display: block;
padding: 4px 8px;;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
border:#ebe8e8 1px solid;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #ea7f20;
text-decoration:underline;
}

/* KRAJ SIDE MENU-a */

.arhivaContainer
{
    width:520px;
    padding-top:5px;
}

.arhivaArrow
{
    width:15px;
    height:15px;
    background-image:url(../media/bullet003.gif);
    background-repeat:no-repeat;
    float:left;
}

.arhivaDatum
{
    width:70px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666666;
    padding-left:3px;
}

.arhivaText
{
    width:420px;
    float:left;
    padding-left:5px;
}

.arhivaText a
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#616161;
    text-decoration:none;
}

.arhivaText a:hover
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FF6600;
    text-decoration:underline;
}

.viseInfoBox
{
    background-image:url(../media/info_ic.gif);
    background-repeat:no-repeat;
    width:100px;
    height:22px;
    float:left;
    cursor: hand;
}

.prijavaInfo
{
    background-image:url(../media/vise_inf_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.prijavaViseInformacija
{
    background-image:url(../media/prijava_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}

.prezentacijaSoft
{
    background-image:url(../media/prez_soft_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.prezentacijaSoftvera
{
    background-image:url(../media/soft_prez_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}

.tehnickaPodrska
{
    background-image:url(../media/teh_podrska_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.linkTehnickaPodrska
{
    background-image:url(../media/tehnicka_podrska_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}


.poruciKatalog
{
    background-image:url(../media/porucite_katalog_sr.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}

.helpOdyssey
{
    background-image:url(../media/odyssey_help.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.helpOdysseyOnline
{
    background-image:url(../media/odyssey_online_help.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.helpAutoKAT
{
    background-image:url(../media/autokat_help.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.helpAutoKATOnline
{
    background-image:url(../media/autokat_online_help.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.helpDositej
{
    background-image:url(../media/dositej_help.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}
.helpWebshop
{
    background-image:url(../media/webshop_help.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}


/*ovo je za webshop uvoza podataka*/
.primerUvoza
{
    background-image:url(../media/pr_uvoz_podataka.png);
    background-repeat:no-repeat;
    width:148px;
    height:33px;
    cursor: hand;
}


.plaviBerzaBanner
{
    background-image:url(../media/pretraga_autodelova_icon_sr.gif);
    background-repeat:no-repeat;
    width:131px;
    height:98px;
    margin:0 auto;
}

/* baner za webshop maloprodaju - desna kolona iznad proizvoda */
.banerWebshopMaloprodaja
{
    background-image:url(../media/webshop_icon_sr.png);
    background-repeat:no-repeat;
    width:131px;
    height:98px;
    margin:0 auto;
}

.mapCell
{
    width:260px;
    float:left;
}

.mapPage
{
    width:215px;
    border-bottom:3px #f0a04b solid;
    padding-top:3px;
}

.mapPage a
{
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#010101;
}


.mapPage a:hover
{
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#f88000;
}

.mapSubPage
{
   width:200px;
   padding-top:3px;
}

.mapSubPage a
{
   font-family:Arial;
   font-size:12px;
   color:#666666;
   text-decoration:none;
}

.mapSubPage a:hover
{
   font-family:Arial;
   font-size:12px;
   color:#666666;
   text-decoration:underline;
}

ul.mapSubPage
{
    list-style-type: none;
}

.berzaBox
{
    width:326px;
    height:296px;
    background-image:url(../media/pretraga_shoot.jpg);
    background-repeat:repeat-no;
}

.berzaInfo
{
   width:300px;
   text-align:right;
   padding-top:7px;
}

.hotspot {
color:#900; 
padding-bottom:1px; 
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

#tt {position:absolute;text-align:left; display:block; background:url(../images/tt_left.gif) top left repeat:y}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}


div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
 
.redStar
{
   color:red;
   float:left;
}

.poslatiButton
{
   background-image:url(../media/poslati_btn.gif);
   background-repeat:no-repeat;
   width:62px;
   height:22px;
}

.extremeDiv
{
   width:150px;
   margin:0 auto;
   text-align:right;
}

.napomenaBox
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/*test font ispod slike za promo akciju*/
.leftBoxText
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #666666;
   padding-left:15px;
}

/* stil za webshop sliku proizvodi*/
.webshopCover 
{
    width:120px;
    height:115px;
	background-image:url(../media/webshop_cover_sr.gif);
    text-align:center;
    float:left;
}
/* stil za webshop sliku proizvod*/
.webshopImg 
{
   width:160px;
   background-image:url(../media/webshop_158x162_sr.gif);
   float:left;
   padding-left:15px;
   border:0px;
}



/* ovo je samo testiranje
za stranicu koja je identicna proizvodima
pokusaj da se napravi stranica za banere ili tome slicno 
ubacio MarkoS 27.05.2009 u 11h*/
.softverLargeBoxTest 
{
    width:680px;
    border-bottom: #CCCCCC 1px solid;
}

.softverImgTest 
{
    width:300px;
    height:115px;
    text-align:center;
    float:left;
}

.softverMedBoxTest 
{
   float:left;
   width:360px;
   padding-left:10px;
}

.softverTitleBoxTest 
{
   padding-bottom:5px;
}

.softverTitleBoxTest a
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#FF6600;
   text-decoration:none;
   font-weight:bold;
}


.softverTitleBoxTest a:hover
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color: #FF9900;
   text-decoration:none;
   font-weight:bold;
}

.softverTextBoxTest 
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#616161;
}
/*ovde se zavrsava taj stil*/


/********** sitemap **********/
.sitemap h2 { color:#666666; font:normal 18px Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; margin:5px 0; padding:10px 5px;}
.sitemap h2 a { color:#666666; font:normal 18px Arial, Helvetica, sans-serif; }
.sitemap h2 a:hover { color:#f0a04b; font:normal 18px Arial, Helvetica, sans-serif;  }
.sitemap h2 span { color:#3a3c3c;}
.sitemap p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; padding:5px; margin:0;}
.sitemap p span { font: normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.8em; padding:5px; margin:0;}
.sitemap a { text-decoration:none; color:#666666; line-height:1.8em;}
.sitemap a:hover{text-decoration:underline; color:#f0a04b; line-height:1.8em;}
.sitemap a.smaal {text-decoration:none; font:bold 16px  Arial, Helvetica, sans-serif; color:#5e5e5e; line-height:1.8em;}
.sitemap_small { width:320px; float:left; margin:0px 5px 15px 20px; }
.sitemap_small ul { font: normal 11px Arial, Helvetica, sans-serif; color:#737373; list-style:none; margin:5px 0; padding:0;}
.sitemap_small li { padding:5px 15px; margin:0; background: url(../images/bg_catrgir.gif) left no-repeat; border-bottom:1px dashed #c4c4c4;}
/* end of stil sitemap*/


Prompts
{
color: #FF0000;
}

.listeZemaljaLetter {color:#FF6600; font:normal 18px Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; margin:0px 0; padding:5px 0px;}
.listeZemalja { padding:5px 0px; margin:0; border-bottom:1px dashed #c4c4c4;}

/* stil za faq*/
#faq {
	margin-left: 0;
	border-bottom:1px solid #dbdbdb
}

#faq dt {
	font-weight: bold;
}

#faq dd {
	border: 0;
	padding-top:5px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */