html{
font-family:Verdana,Tahoma,Arial,sans serif;
font-size:75.0%;
margin:0px auto 0px auto;
height:100%;
}
body{
font-size:1.0em;
margin:0px auto 0px auto;
background:url(fotografije/bg.gif);
height:100%;
}
a:link,a:visited{
color:#950025;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#cc0033;
font-weight:bold;
text-decoration:none;
}
h1{
color:#000000;
font-size:1.8em;
margin:15px 0px 10px 20px;
}
h2{
color:#000000;
font-size:1.6em;
}
h3{
color:#000000;
font-size:1.4em;
}
h4,h5,h6{
color:#000000;
font-size:1.2em;
}
.navigacija:link,.navigacija:visited{
display:block;
background:#FFCC99;
padding:5px 5px 5px 5px;
color:#000;
text-decoration:none;
border:solid 1px #000;
margin:2px 18px 2px 12px;
font-size:1.0em;
font-weight:bold;
}
.navigacija:hover{
display:block;
background:#cc0033;
padding:5px 5px 5px 5px;
color:#fff;
text-decoration:none;
border:solid 1px #fff;
margin:2px 18px 2px 12px;
}
#content{
width:920px;
margin:0px auto 0px auto;
background:url(fotografije/bg_l.gif) #fff top left repeat-y;
border-left:solid 1px #fdd7ac;
border-right:solid 1px #ff9831;
min-height:100%;
height:100%;
height:auto;
overflow:visible;
}
#left{
float:left;
width:155px;
}
#left div{
text-align:center;
}
#left div img{
text-align:center;
margin:0px auto 0px auto;
padding:5px 5px 5px 5px;
border:0px;
}
#page{
width:760px;
margin:0px auto 0px auto;
float:right;
background:#fff;
}
#header div{
margin:10px auto 10px auto;
}
#selekcija{
float:left;
width:250px;
}
#pretraga{
float:right;
width:480px;
text-align:right;
padding-right:10px;
}
#navigacija{
text-align:center;
clear:both;
padding:4px;
margin:10px auto 10px auto;
}
#navigacija a:link,#navigacija a:visited{
padding:2px 5px;
border:1px solid #003737;
background:#006666;
color:#fff;
text-decoration:none;
}
#navigacija a:hover{
color:#fff;
background:#393939;
border:1px solid #222;
}
.artikli{
float:left;
width:365px;
margin:5px;
height:210px;
}
#pagecontent{
text-align:center;
}
.artikli2{
width:550px;
margin:5px;
height:210px;
margin:0px auto 0px auto;
}
.opis{
background-color:#006666;
color:#ffffff;
padding:5px;
}
.opis a:link,.opis a:visited{
color:#ffffff;
text-decoration:none;
}
.opis a:hover{
color:#ffffff;
text-decoration:underline;
}
.naziv{
width:260px;
float:left;
text-align:left;
background-color:transparent;
font-weight:bold;
}
.sifra{
width:70px;
float:right;
text-align:right;
background-color:transparent;
font-weight:bold;
}
.model{
padding:5px;
float:left;
border:0px none;
}
.proizvod{
padding:5px;
float:right;
border:0px none;
}
.dimenzija{
color:#000;
width:100%;
clear:both;
text-align:right;
padding-right:20px;
font-weight:bold;
}
.clear{
clear:both;
height:1px;
}
ul.lista{
margin:0px;
padding:0px;
font-weight:bold;
}
ul.lista li{
list-style:none;
background:url(fotografije/bulit.gif)left center no-repeat;
margin:5px;
padding:2px 0px 2px 40px;
}
.background{
background:url(fotografije/bg.gif);
width:80%;
padding:10px;
border:0px none;
text-align:center;
vertical-align:top;
}
.lista{
width:80%;
padding:10px;
border:0px none;
text-align:left;
vertical-align:top;
}

/*forma css*/
#mainForm 
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 70%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #000000;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #000000;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.9em; 
	padding:10px; 
}

/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(images/calendar.png);
	cursor: pointer;
	cursor: hand;
}


p.footer
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:9px;
	position:relative;
	top:4px;
	left:-140px;
	letter-spacing: 2px;
}

a.footer
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:9px;
	position:relative;
	top:4px;
	letter-spacing: 2px;
}