body { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000000; 
text-decoration: none; 
background-color: #FFFFFF; 
background-image: none; 
background-repeat: no-repeat; 
letter-spacing: normal; 
text-align: left; 
text-indent: 0px; 
vertical-align: text-top; 
word-spacing: normal; 
white-space: normal; 
margin: 0px; 
padding: 0px; 
} 

img{ 
border:0; 
} 

a, a:link, a:visited, a:active { 
color: #0E4FAF; 
text-decoration: underline; 
} 
a:hover { 
color: #0E4FAF; 
text-decoration: none; 
} 
.wrap { 
width: 100%; 
} 
.header_row { 
width: 100%; 
background-color: #AB0000; 
background-image: url(img/header_bg.jpg); 
background-repeat: repeat-x; 
background-position: left bottom; 
} 
.header_tablica { 
width: 1000px; 
margin: 0 auto; 
} 
.header_lijevo { 
background-image: url(img/metro_logo_crveni.jpg); 
background-repeat: no-repeat; 
background-position: left center; 
height: 100px; 
vertical-align: top; 
width: 700px; 
} 
.header_lijevo p { 
width: 100%; 
font-size: 14px; 
font-weight: bold; 
margin-top: 10px; 
color: #FFFFFF; 
text-indent: 15px; 
} 
.header_desno { 
width: 300px; 
height: 100px; 
} 
.header_meni { 
margin: 0 auto; 
margin-top: 5px; 
} 
.header_meni td { 
border-right: 1px solid #FFFFFF; 
} 
.header_meni a, .header_meni a:link, .header_meni a:visited, .header_meni a:active, .header_meni a:hover{ 
padding: 2px 5px; 
font-size: 12px; 
font-weight: bold; 
color: #FFFFFF; 
} 
.header_pretraga { 
margin: 0 auto auto 0; 
margin-top: 30px; 
color: #FFFFFF; 
} 
.pretraga_text { 
border: 1px solid #A6A6A6; 
width: 150px; 
padding: 1px 3px; 
} 
.pretraga_gumb { 
border: 1px solid #A6A6A6; 
background-color: #757474; 
color: #FFFFFF; 
font-weight: bold; 
text-transform: uppercase; 
padding: 0px; 
} 
/*********************************************/ 
.sredina_hold { 
width: 1000px; 
margin: 0 auto; 
} 
.gornji_meni { 
width: 1000px; 
margin: 0 auto; 
margin-top: 5px; 
} 
.gornji_meni td { 
border-top: 1px solid #DFDFDF; 
text-align: center; 
background-image: url(img/meni_gornji_bg.jpg); 
background-repeat: repeat-x; 
background-position: left top; 
} 
.gornji_meni_link { 
width: 164px; 
} 
.gornji_meni_razmak { 
background-image: url(img/meni_gornji_razmak.jpg); 
background-repeat: no-repeat; 
background-position: left top; 
border-top: 1px solid #DFDFDF; 
width: 2px; 
} 
.gornji_meni a, .gornji_meni a:link, .gornji_meni a:visited, .gornji_meni a:active, .gornji_meni a:hover { 
display: block; 
width: 162px; 
padding-top: 7px; 
padding-bottom: 13px; 
color: #343434; 
font-weight: bold; 
border: 1px solid #FFFFFF; 
} 
.pathbar { 
width: 1000px; 
margin: 5px auto; 
border: 1px solid #DCDCDC; 
} 
.pathbar td { 
padding: 2px 15px; 
width: 100%; 
color: #7D7D7D; 
} 
.pathbar a, .pathbar a:link, .pathbar a:visited, .pathbar a:active { 
color: #7D7D7D; 
} 
.pathbar a:hover { 
color: #7D7D7D; 
} 
.meni_lijevo_td { 
width: 204px; 
vertical-align: top; 
} 
.meni_lijevo_tablica { 
width: 200px; 
border: 2px solid #DCDCDC; 
margin-bottom: 5px; 
} 
#meni_lijevo_tablica a, #meni_lijevo_tablica a:link, #meni_lijevo_tablica a:visited, #meni_lijevo_tablica a:active, #meni_lijevo_tablica a:hover { 
text-decoration: none; 
display: block; 
width: 194px; 
padding: 3px 0px; 
} 
.meni_lijevo_tablica td { 
border: 1px solid #FFFFFF; 
} 
.naslov_crveni td { 
width: 100%; 
color: #ECECEC; 
font-weight: bold; 
background-color: #AB0000; 
text-transform: uppercase; 
padding: 5px 10px; 
} 
.meni_lvl_1 a, .meni_lvl_1 a:link, .meni_lvl_1 a:visited, .meni_lvl_1 a:active { 
background-color: #000000; 
color: #FFFFFF; 
text-indent: 10px; 
font-weight: bold; 
} 
.meni_lvl_1 a:hover { 
background-color: #4A4A4A; 
color: #FFFFFF; 
} 
.meni_lvl_2 a, .meni_lvl_2 a:link, .meni_lvl_2 a:visited, .meni_lvl_2 a:active { 
background-color: #DCDCDC; 
color: #3C3C3C; 
text-indent: 10px; 
font-weight: bold; 
} 
.meni_lvl_2 a:hover { 
background-color: #EAEAEA; 
color: #3C3C3C; 
} 
.meni_lvl_3 a, .meni_lvl_3 a:link, .meni_lvl_3 a:visited, .meni_lvl_3 a:active { 
background-color: #FFFFFF; 
color: #000000; 
text-indent: 20px; 
border-bottom: 1px dashed #000000; 
margin-bottom: 2px; 
} 
.meni_lvl_3 a:hover { 
background-color: #FFFFFF; 
color: #000000; 
text-decoration: none; 
text-indent: 20px; 
border-bottom: 1px solid #000000; 
margin-bottom: 2px; 
} 
#provjera_domene_tablica td { 
text-align: center; 
padding: 5px; 
} 
#provjera_domene_tablica form { 
padding: 0px; 
margin: 0px; 
width: 100%; 
} 
#provjera_domene_tablica p { 
width: 100%; 
text-align: left; 
margin: 0px; 
padding: 0px 10px; 
} 
.domena_text { 
width: 115px; 
border: 1px solid #DCDCDC; 
margin-right: 5px; 
font-size: 11px; 
padding: 1px 0px; 
} 
.domena_sufix { 
width: 50px; 
border: 1px solid #DCDCDC; 
font-size: 11px; 
padding: 0px; 
margin: 0px; 
} 
.domena_gumb { 
width: 172px; 
text-align: center; 
border: 0px none; 
background-color: #DCDCDC; 
color: #000000; 
text-transform: uppercase; 
margin-top: 5px; 
margin-bottom: 5px; 
font-size: 11px; 
padding: 2px 0px; 
font-weight: bold; 
} 
.kontakt_red td { 
background-color: #ECECEC; 
} 
.kontakt_red p { 
padding: 0px 10px; 
margin: 0px; 
margin-bottom: 2px; 
} 
/**********************************/ 
.sredina_td { 
width: 560px; 
vertical-align: top; 
} 

.sredina_td a:hover { 
color: #0E4FAF; 
font-weight:normal; 
text-decoration: none; 
} 

.desna_strana_td { 
width: 236px; 
vertical-align: top; 
} 
.banner_tablica { 
width: 550px; 
margin: 0 auto; 
border: 2px solid #DCDCDC; 
} 
.partneri_tablica { 
width: 550px; 
margin: 0 auto; 
border: 2px solid #DCDCDC; 
margin-top: 10px; 
} 
.partneri_tablica td { 
text-align: center; 
} 
.tablica_pocetna { 
width: 550px; 
margin: 0 auto; 
/*margin-top: 10px; */ 
border: 2px solid #DCDCDC; 
border-bottom: 0px none; 
} 
.tablica_pocetna_td_lijevo { 
width: 50%; 
vertical-align: top; 
border-right: 2px solid #DCDCDC; 
border-bottom: 2px solid #DCDCDC; 
} 
.tablica_pocetna_td_desno { 
width: 50%; 
vertical-align: top; 
border-bottom: 2px solid #DCDCDC; 
} 
/******** tablica proizvoda - mala *********/ 
.tablica_proizvod_mala { 
width: 250px; 
margin: 5px auto; 
} 
.tablica_proizvod_mala_slika { 
text-align: left; 
} 
.tablica_proizvod_mala_naslov { 
text-align: right; 
font-size: 12px; 
color: #585858; 
font-weight: bold; 
} 
.tablica_proizvod_mala_pdv { 
width: 118px; 
color: #AB0000; 
font-size: 13px; 
font-weight: bold; 
text-align: right; 
padding-right: 5px; 
} 
.tablica_proizvod_mala_netto { 
width: 118px; 
color: #000000; 
font-size: 12px; 
border: 1px solid #DCDCDC; 
padding-left: 5px; 
} 
.tablica_proizvod_mala_brutto { 
width: 118px; 
color: #AB0000; 
font-weight: bold; 
text-align: right; 
border: 1px solid #DCDCDC; 
background-color: #F9F9F9; 
padding-right: 5px; 
} 
.opis_news_desno_netto{ 
width: 118px; 
color: #000000; 
text-align: right; 
border: 1px solid #DCDCDC; 
padding-left: 5px; 
font-size: 13px; 
} 
.opis_news_desno_pdv{ 
width: 118px; 
color: #AB0000; 
font-weight: bold; 
text-align: right; 
padding-right: 5px; 
} 
.opis_news_desno_brutto{ 
width: 118px; 
color: #AB0000; 
font-weight: bold; 
text-align: right; 
border: 1px solid #DCDCDC; 
background-color: #F9F9F9; 
padding-right: 5px; 
} 

.kuna_boja_crna { 
color: #000000; 
} 
.kuna_boja_crvena { 
color: #AB0000; 
} 
.tablica_proizvod_mala_opis { 

} 
.tablica_proizvod_mala_vise { 
text-align: right; 
} 
/*******************************/ 
.tablica_proizvoda_desno_hold { 
width: 100%; 
border: 2px solid #DCDCDC; 
} 
.tablica_proizvod_desno_hold_td { 
padding: 3px; 
} 
.tablica_proizvod_desno { 
background-color: #153F3F; 
width: 100%; 
} 
.tablica_proizvod_desno td { 
padding-top: 2px; 
padding-right: 5px; 
padding-bottom: 2px; 
padding-left: 5px; 
} 
.tablica_proizvod_desno_datum { 
color: #BEDEDE; 
text-align: right; 
} 
.tablica_proizvod_desno_naslov, .tablica_proizvod_desno_naslov a:link, .tablica_proizvod_desno_naslov a:visited, a:hover { 
color: #FD9309; 
font-weight: bold; 
} 
.tablica_proizvod_desno_text { 
color: #FFFFFF; 
} 
.tablica_proizvod_desno_netto { 
color: #FFFFFF; 
} 
.tablica_proizvod_desno_brutto { 
color: #FFFFFF; 
} 
.cijena_naran { 
color: #FD9309; 
} 
.tablica_proizvod_desno_razmak { 
border-top: 1px dashed #FFFFFF; 
width: 100%; 
font-size: 8px; 
} 
/*************************************/ 
.ispod_head { 
border-bottom: 2px solid #A8A8A8; 
padding-bottom: 20px; 
} 
.footer_td { 
height: 100px; 
border-top: 1px solid #BABABA; 
background-color: #ECECEC; 
color: #868686; 
} 
.footer_tablica { 
width: 1000px; 
margin: 0 auto; 
} 
.footer_copyright { 
width: 180px; 
padding-left: 20px; 
height: 50px; 
} 
.footer_meni_td { 
width: 800px; 
border-left: 1px solid #868686; 
} 
.footer_meni { 
margin-left: 20px; 
} 
.footer_meni_link { 
padding: 0 10px; 
} 
.footer_meni_link a, .footer_meni_link a:link, .footer_meni_link a:visited, .footer_meni_link a:active { 
color: #868686; 
text-transform: lowercase; 
text-decoration: none; 
} 
.footer_meni_link a:hover { 
font-weight:normal; 
color: #868686; 
text-transform: lowercase; 
text-decoration: underline; 
} 

.footer_meni_Login a, .footer_meni_Login a:link, .footer_meni_Login a:visited, .footer_meni_Login a:active { 
color: #ececec; 
text-transform: lowercase; 
text-decoration: none; 
} 

.footer_meni_Login a:hover { 
font-weight:normal; 
color: #ececec; 
} 

.footer_meni_razmak { 
width: 1px; 
background-color: #868686; 
} 
/**************************/ 
.tablica_flash_prikaz { 
width: 550px; 
margin: 0 auto; 
margin-top: 10px; 
border: 2px solid #DCDCDC; 
} 
.flash_naslov { 
background-color: #ECECEC; 
border: 1px solid #FFFFFF; 
padding: 5px 10px; 
color: #646464; 
text-transform: uppercase; 
} 
.flash_text { 
background-color: #FFFFFF; 
padding: 5px; 
color: #646464; 
} 
/******************************/ 

/****** flash prikaz na content.asp *****/ 
.tablica_flash_prikaz_content{ 
width: 795px; 
margin: 0 auto; 
border: 2px solid #DCDCDC; 
} 
/************************************/ 



.category_tablica { 
border: 2px solid #DCDCDC; 
width: 795px; 
vertical-align: top; 
color: #585858; 
margin-bottom: 5px; 
} 
.category_tablica td { 
padding: 3px; 
vertical-align: top; 
} 
.category_naslov { 

} 
.category_naslov h1 { 
display: block; 
background-color: #000000; 
color: #FFFFFF; 
font-size: 12px; 
font-weight: bold; 
padding: 5px; 
margin: 0px; 
} 
.category_slika { 
width: 130px; 
} 
.category_opis { 
width: 520px; 
} 
.category_proizvod_mala_netto { 
width: 100px; 
color: #000000; 
border: 1px solid #DCDCDC; 
padding-left: 5px; 
} 
.category_proizvod_mala_pdv { 
width: 150px; 
color: #AB0000; 
font-size: 13px; 
font-weight: bold; 
text-align: right; 
padding-right: 5px; 
} 
.category_proizvod_mala_brutto { 
width: 150px; 
color: #AB0000; 
font-size: 13px; 
font-weight: bold; 
text-align: right; 
border: 1px solid #DCDCDC; 
background-color: #F9F9F9; 
padding-right: 5px; 
}