body {
text-align: left;
background-color: #fff;
margin: 0;
font-family: Arial, Myriad, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #1F1A17;
}
.ravno li { display: inline; }
p {
cursor: default;
font-family: Arial, Myriad, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #1F1A17;
}
p.opis {
text-align: justify;
text-indent: 20px;
}
p.link {
margin: 0px;
}
.hand {
cursor: pointer;
}
.uvuceno { text-indent: 20px; }
.jednako { text-align: justify; }
.centar { text-align: center; }
.desno { text-align: right; }
.levo { text-align: left; }
.malo { margin: 0; padding: 0; }
input, textarea, select {
font-family: Arial, Myriad, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
margin: 0px 1px;
width: 120px;
}
p.w { color: white; }
p.small {
font-size: 11px;
text-align: center;
}
p.opomena {
color: red;
font-size: 40px;
}
.w8em { width:8em; }
h1 {
font-size: 22px;
color: #555;
margin: 12px;
}
h1.normal {
margin-left: 0;
}
h1.big {
font-size: 24px;
}
h2 {
font-size: 20px;
color: #555;
margin: 12px;
}
h2.normal {
margin-left: 0;
}
h3 {
font-size: 20px;
font-weight: normal;
margin: 2px;
color: #555;
}
h3.w { color: rgb(170, 170, 170); }
h3.cena { margin: 2px; color: red; }
h3.adresa { font-size: 18px; margin: 2px; }
h3.normal {
font-size: 18px;
text-indent: 0px;
}
h3.red {
color: #FE2E2E;
}
a img {
border: 0;
margin: 0;
padding: 0;
}
div {
text-align: justify;
cursor: default;
font-family: Arial, Myriad, Verdana, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
a:link { text-decoration: none; color: #555; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 16px; }
a:visited { text-decoration: none; color: #555; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 16px; }
a:active { text-decoration: none; color: #555; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 16px;}
a:hover { text-decoration: underline; color: black; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 16px; }
a.h3 {
font-size: 18px;
font-weight: normal;
text-indent: 20px;
margin-bottom: 10px;
color: #555;
}
a.h3:visited {
font-size: 18px;
font-weight: normal;
text-indent: 20px;
margin-bottom: 10px;
color: #555;
}
a.h3:hover {
font-size: 18px;
text-decoration: underline;
color: black;
}
a.username {
/*color: #0070dc;*/
text-indent: 20px;
margin-bottom: 10px;
}
a.username:hover {
text-decoration: underline;
color: #FF0084;
}
a.h3_small {
color: gray;
}
a.h3_small:hover {
color: #2896d2;
}
a.w:link { color: #e8e8e8; }
a.w:visited { color: #e8e8e8; }
a.w:active { color: #e8e8e8; }
a.w:hover { color: #ffffff; }
a.vsiva:link { color: #c0c0c0; font-size: 40px; }
a.vsiva:visited { color: #c0c0c0; font-size: 40px; }
a.vsiva:active { color: #c0c0c0; font-size: 40px; }
a.vsiva:hover { color: #a0a0a0; font-size: 40px; }
a.menu:link { color: #e8e8e8; font-weight: bold; font-size: 20px; line-height: 50px; }
a.menu:visited { color: #e8e8e8; font-weight: bold; font-size: 20px; line-height: 50px; }
a.menu:active { color: #e8e8e8; font-weight: bold; font-size: 20px; line-height: 50px; }
a.menu:hover { color: #e8e8e8; font-weight: bold; text-decoration: underline; font-size: 20px; line-height: 50px; }
a.sivi_okvir:link { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #c0c0c0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.sivi_okvir:visited { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #c0c0c0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.sivi_okvir:active { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #c0c0c0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.sivi_okvir:hover { color: #3d3836; font-weight: bold; text-decoration: underline; font-size: 14px; line-height: 30px; background: #c0c0c0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.zeleni_okvir:link { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #a6ff1b; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.zeleni_okvir:visited { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #a6ff1b; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.zeleni_okvir:active { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #a6ff1b; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.zeleni_okvir:hover { color: #3d3836; font-weight: bold; text-decoration: underline; font-size: 14px; line-height: 30px; background: #c0c0c0; border: 2px #808080 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.plavi_okvir:link { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #f0f0f0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.plavi_okvir:visited { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #f0f0f0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.plavi_okvir:active { color: #3d3836; font-weight: bold; font-size: 14px; line-height: 30px; background: #f0f0f0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.plavi_okvir:hover { color: #3d3836; font-weight: bold; text-decoration: underline; font-size: 14px; line-height: 30px; background: #c0c0c0; border: 2px #3d3836 solid; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
a.inbox:link { text-decoration: none; color: #555; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 18px; }
a.inbox:visited { text-decoration: none; color: #555; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 18px; }
a.inbox:active { text-decoration: none; color: #555; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 18px;}
a.inbox:hover { text-decoration: underline; color: black; font-family: Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 18px; }
p.menu {
display: inline;
color: #e8e8e8; font-weight: bold; font-size: 20px; line-height: 50px;
}
a.Pmenu:link { color: gray; font-weight: bold; font-size: 20px; line-height: 50px; }
a.Pmenu:visited { color: gray; font-weight: bold; font-size: 20px; line-height: 50px; }
a.Pmenu:active { color: gray; font-weight: bold; font-size: 20px; line-height: 50px; }
a.Pmenu:hover { color: gray; font-weight: bold; text-decoration: underline; font-size: 20px; line-height: 50px; }
p.Pmenu {
display: inline;
color: #e8e8e8; font-weight: bold; font-size: 20px; line-height: 50px;
}
div.gornji_menu {
width: 950px;
height: 50px;
background: url('../slike/gore.gif') 0 -141px no-repeat;
text-align: left;
}
div.glavni {
width: 950px;
height: 520px;
background: url('../slike/glavna.png') 50% 50% no-repeat;
}
div.dole {
width: 950px;
height: 191px;
background: url('../slike/dole.gif') 50% 50% no-repeat;
}
div.meni_linija {
display: inline;
width: 400px;
height: 50px;
}
div.brza_pretraga {
display: inline;
width: 376px;
height: 135px;
}
table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
}
#globalheader { width: 950px; height: 150px; overflow: hidden; margin: 0px auto; position: relative; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; float: left; height: 150px; overflow: hidden; }
.popularheader { width: 950px; height: 220px; overflow: hidden; margin: 0px auto; position: relative; }
.popularheader .popularnav { margin: 0; padding: 0; }
.popularheader .popularnav li { display: inline; float: left; height: 220px; margin-left: 10px; overflow: hidden; }
li#razmak47 { width: 47px; }
li#razmak75 { width: 75px; }
li#razmak104 { width: 104px; }
li#razmak375 { width: 376px; }
li#brza_pretraga{ width: 376px; }
li#menu { width: 200px; height: 145px; text-align: right; }
li#menul { width: 200px; height: 145px; text-align: left; }
#global_v_header { width: 950px; height: 170px; overflow: hidden; margin: 0px auto; position: relative; }
#global_v_header #global_v_nav { margin: 0; padding: 0; }
#global_v_header #global_v_nav li { display: inline; float: left; height: 170px; overflow: hidden; }
#pretragaheader { width: 376px; height: 25px; overflow: hidden; margin: 0px auto; position: relative; }
#pretraga_v_header { width: 950px; height: 31px; overflow: hidden; margin: 0px auto; position: relative; }
#pretraga_vv_header { width: 950px; height: 50px; overflow: hidden; margin: 0px auto; position: relative; }
#pretragaheader #pretraga_input { margin: 0; padding: 0; }
#pretraga_v_header #pretraga_input { margin: 0; padding: 0; }
#pretraga_vv_header #pretraga_input { margin: 0; padding: 0; }
#pretragaheader #pretraga_input li { display: inline; float: left; height: 25px; overflow: hidden; }
#pretraga_v_header #pretraga_input li { display: inline; float: left; height: 31px; overflow: hidden; }
#pretraga_vv_header #pretraga_input li { display: inline; float: left; height: 50px; overflow: hidden; }
li#razmak524 { width: 524px; }
li#razmak613 { width: 347px; }
li#labela_pretraga { text-align: right; width: 168px; }
li#labela_pretraga_l { text-align: left; width: 168px; color: white; }
li#input_pretraga { text-align: left; width: 208px; }
li#labela_pretraga_l_uzana { text-align: left; width: 30px; color: white; }
li#input_pretraga_uzana { text-align: left; width: 160px; }
#loginheader { width: 950px; height: 50px; overflow: hidden; margin: 0px auto; position: relative; color: white; text-align: left; }
#loginheader #login_input { margin: 0; padding: 0; }
#loginheader #login_input li { display: inline; float: left; height: 50px; overflow: hidden; line-height: 50px; }
#login_s_header { width: 550px; height: 50px; overflow: hidden; margin: 0px auto; position: relative; color: white; }
#login_s_header #login_input { margin: 0; padding: 0; }
#loginheader #login_input li { display: inline; float: left; height: 50px; overflow: hidden; line-height: 50px; }
li#linkovi_login { text-align: left; width: 300px; }
li#razmak50 { width: 50px; }
li#razmak20 { width: 20px; }
li#labela_login { text-align: right; width: 50px; }
li#input_login { text-align: left; width: 150px; }
li#zbirno_login { width: 550px; }
#aktivacijaheader { width: 950px; height: 440px; overflow: hidden; margin: 0px auto; position: relative; color: white; text-align: left; }
#aktivacijaheader #aktivacija { margin: 0; padding: 0; }
#aktivacijaheader #aktivacija li { display: inline; float: left; height: 440px; overflow: hidden; }
li#razmak60 { width: 60px; }
li#razmak80 { width: 80px; }
li#tekst { width: 580px; text-align: justify; }
li#razmak100{ width: 100px; }
li#razmak120{ width: 120px; }
li#razmak232{ width: 232px; }
li#razmak270{ width: 270px; }
li#razmak438{ width: 438px; }
li#razmak478{ width: 478px; }
#searchheader { width: 896px; height: 150px; overflow: hidden; margin: 0px auto; position: relative; }
#searchheader #searchnav { margin: 0; padding: 0; }
#searchheader #searchnav li { display: inline; float: left; height: 150px; overflow: hidden; }
li#opis { width: 676px; }
li#razmak10 { width: 20px; }
li#slika { width: 200px; }
#trazi { width: 121px; height: 31px; overflow: hidden; margin: 0px auto; position: relative; }
#trazi a { float: left; width: 180px; height: 0; padding-top: 31px; overflow: hidden; background-image: url('../slike/trazi.png'); background-repeat: no-repeat; }
#trazi a { background-position: 0 -1px; }
#trazi a:hover{ background-position: 0 -32px; }
#trazi a:active{ background-position: 0 -63px; }
#postavi { width: 121px; height: 31px; overflow: hidden; margin: 0px auto; position: relative; }
#postavi a { float: left; width: 180px; height: 0; padding-top: 31px; overflow: hidden; background-image: url('../slike/postavi.png'); background-repeat: no-repeat; }
#postavi a { background-position: 0 -1px; }
#postavi a:hover{ background-position: 0 -32px; }
#postavi a:active{ background-position: 0 -63px; }
#dalje { width: 121px; height: 31px; overflow: hidden; margin: 0px auto; position: relative; }
#dalje a { float: left; width: 180px; height: 0; padding-top: 31px; overflow: hidden; background-image: url('../slike/dalje.gif'); background-repeat: no-repeat; }
#dalje a { background-position: -1px -1px; }
#dalje a:hover{ background-position: -1px -32px; }
#dalje a:active{ background-position: -1px -63px; }
#b1 { width: 51px; height: 60px; overflow: hidden; margin: 0px auto; position: relative; }
#b1 a { float: left; width: 51px; height: 60px; padding-top: 31px; overflow: hidden; background-image: url('../slike/profil/1.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#b1 a:hover{ background-position: 0px -60px; }
#b1 a:active{ background-position: 0px -61px; }
#b2 { width: 51px; height: 60px; overflow: hidden; margin: 0px auto; position: relative; }
#b2 a { float: left; width: 51px; height: 60px; padding-top: 31px; overflow: hidden; background-image: url('../slike/profil/2.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#b2 a:hover{ background-position: 0px -60px; }
#b2 a:active{ background-position: 0px -61px; }
#b3 { width: 51px; height: 60px; overflow: hidden; margin: 0px auto; position: relative; }
#b3 a { float: left; width: 51px; height: 60px; padding-top: 31px; overflow: hidden; background-image: url('../slike/profil/3.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#b3 a:hover{ background-position: 0px -60px; }
#b3 a:active{ background-position: 0px -61px; }
#b4 { width: 51px; height: 60px; overflow: hidden; margin: 0px auto; position: relative; }
#b4 a { float: left; width: 51px; height: 60px; padding-top: 31px; overflow: hidden; background-image: url('../slike/profil/4.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#b4 a:hover{ background-position: 0px -60px; }
#b4 a:active{ background-position: 0px -61px; }
li#razmak800 {
display: inline;
width: 600px;
}
/************************** TASTERI_2 ***************************/
a.boldbuttons {
background: transparent url('../slike/tasteri/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 16px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons {
color: white; /*button text color*/
}
a.boldbuttons span {
background: transparent url('../slike/tasteri/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons { /* Hover state CSS */
text-decoration: underline;
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/**************************************************************
*-------------------- UPUTSTVO ZA UPOTREBU --------------------*
Single button:
Side by Side:
/************************** TASTERI_2 ***************************/