/* CSS Document */
*{
margin:0;
padding:0;
}
html
{
height: 100%;
}


body,td,th {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#242424;
	
}
body {
	background-image: url(images/poz_monitori.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center; 
	height: 100%;
	background-color:#FFFFFF;
	
}
a:link {
	text-decoration: none;
	color:#BDC4CC;
	font-size:12px;
}
a:visited {
	text-decoration: none;
	color:#BDC4CC;
}
a:hover {
	text-decoration: underline;
	color:#BDC4CC;
}
a:active {
	text-decoration: none;
	color:#BDC4CC;
}
#wrapper {
width: 900px; 
margin: 0 auto; 
text-align: left;
position: relative;
min-height: 100%;
margin-bottom:3px; 
} 
* html #wrapper
{
height: 100%;
}
* html #footer{
margin:-56px 0 0;
}
#header{
position: relative;
width:898px;

background-image:url(images/logo3.gif);
background-repeat:no-repeat;
background-position:top left;


}
#menu{
position: relative;
width:898px;
height:40px;
margin-top:15px;
text-indent:-5000px;
background: url(images/menu2.gif) no-repeat bottom left;
overflow:clip;
}

#menu span a {background: url(images/menu2.gif) no-repeat bottom left; position:relative;}



#menu .home a {height:39px; width:64px; position:absolute; left:0px; top:0px; background-position:0px 0px;}

#menu .home a:hover {background-position:-898px 0px;}

#menu .projekti a {height:39px; width:91px; position:absolute; left:64px; top:0px; background-position:-64px 0px;}

#menu .projekti a:hover {background-position:-962px 0px;}

#menu .asortiman a {height:39px; width:83px; position:absolute; left:156px; top:0px; background-position:-155px 0px;}

#menu .asortiman a:hover {background-position:-1053px 0px;}

#menu .rental a {height:39px; width:76px; position:absolute; left:238px; top:0px; background-position:-238px 0px;}

#menu .rental a:hover {background-position:-1136px 0px;}

#menu .veleprodaja a {height:39px; width:92px; position:absolute; left:314px; top:0px; background-position:-314px 0px;}

#menu .veleprodaja a:hover {background-position:-1212px 0px;}

#menu .onama a {height:39px; width:74px; position:absolute; left:406px; top:0px; background-position:-406px 0px;}

#menu .onama a:hover {background-position:-1304px 0px;}

#menu .kontakt a {height:39px; width:67px; position:absolute; left:480px; top:0px; background-position:-480px 0px;}

#menu .kontakt a:hover {background-position:-1378px 0px;}

#flash{
margin-top:9px;
width:898px;
position:relative;
}
#statika{
margin-top:4px;
width:898px;
position:relative;
}

#slikica{
margin-top:4px;
width:894px;
height:134px;
background-image:url(images/home-slikica.jpg);
background-repeat:no-repeat;
background-position:top center;
margin-left:3px;
position:relative;
}
#slikica-text{
color:#FFFFFF;
padding-top:13px;
padding-left:17px;
padding-right:17px;
width:284px;
float:left;
position:relative;
}
#news-red{
margin:0;
padding:0;
margin-top:7px;
width:894px;

position:relative;
margin-left:3px;

}
#sivo{
width:283px;
background-color:#E4E7EA;
position:relative;
float:left;
padding-top:13px;
padding-left:17px;
padding-right:17px;
padding-bottom:13px;

}
#news{
margin:0;
width:173px;
position:relative;
float:left;
border-style: solid;
border-top-width: 0;
border-bottom-width:0;
border-left-width:0;
border-right-width:0.02cm;
border-right-color:#B8B8B8;
padding: 0; 
padding-top:16px;
padding-left:12px;
padding-right:6px;
padding-bottom:13px;
height:80px;

}

#content{
width:897px;
overflow: auto;
padding-top: 1px;  /* prevent collapsing margins escaping */
padding-bottom:56px; /* identical to height of #footer; */

}
#footer{ 
height: 56px; 
border-style: solid;
border-top-width: 0.08cm;
border-bottom-width:0;
border-left-width:0;
border-right-width:0;
border-top-color:#CAD0D6;
background-color:#E4E7EA;
margin: -56px auto 0;

position: relative;

} 
#footer-content{
margin-top:12px;
color:#BDC4CC;
width:800px;
padding-left:9px;
}
#degree{
margin-top:12px;
padding-left:9px;
float:right;
width:100px;
margin-right:5px;
}
#proj-plavo{
width:603px;
background-image: url(images/proj-poz1.jpg);
background-repeat:no-repeat;
background-position:top left;
position:relative;
float:left;
}
#proj-plavo2{
width:874px;
background-image: url(images/proj-poz1.jpg);
background-repeat:no-repeat;
background-position:top right;
background-color:#2561AA;
color:#FFFFFF;
padding-top:20px;
padding-left:20px;
font-size:26px;
height:111px;
}
#text-proj{
width:406px;
position:relative;
float:left;
padding-top:13px;
padding-left:17px;
padding-right:17px;
padding-bottom:13px;
height:98px;
color:#FFFFFF;
}
#right{
float:right;
position:relative;
height:100%;

}
#realizovani{
	width:253px;
	background-color:#000000;
	color:#FFFFFF;
	padding-top:13px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom:13px;
	list-style-image: none;
	position:relative;
	font-weight:bold;
}
li {
	margin-bottom: 6px;
	background-image: url(images/bullet.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	text-align: left;
	text-indent: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#proj1{
width:586px;
background-color:#DCDCD1;
height:12px;
padding-top:17px;
padding-left:17px;
color:#225CA5;
font-weight:bold;
margin-top:4px;
padding-bottom:6px;
position:relative;
float:left;
}
#proj2{
width:574px;
background-color:#ECEDE7;
padding-top:24px;
padding-left:15px;
padding-right:14px;
padding-bottom:24px;
position:relative;
float:left;

}
#proj-sivo{
margin-top:6px;
width:287px;
position:relative;
background-color:#6D7277;
height:100%;

}

#proj-list{
width:584px;
background-color:#EDEDE7;
padding-top:10px;
padding-left:19px;
color:#2560AA;
margin-top:1px;
padding-bottom:6px;
}
#proj-list-text{
width:438px;
height:100%;
}
#proj-detalj{
color:#84847E;
float:right;
width:70px;
}
.proj-list-naslov{
color:#54544F;
font-size:15px;
font-weight:normal;
}
#proj-list-prazno{
width:603px;
height:8px;
margin-top:1px;
font-size:1px;
background-color:#EDEDE7;
}
#onama{
width:857px; background-color:#2660AA; position:relative; padding:19px; font-size:15px;
margin:0;
margin-bottom:4px;
color:#FFFFFF;

}
#onama-slike{
width:895px;
margin:0;
margin-top:4px;
position:relative;
}
#onama-crno{
margin:0;
padding:0;
height:58px;
width:895px;
background-color:#000000;
position:relative;
}
#onama-crno-text{
padding-left:20px;
padding-top:12px;
width:200px;
color:#FFFFFF;
float:left;
position:relative;
}
#partner{
margin:0;
margin-top:5px;
width:895px;
position:relative;
}
#partner-logo{

height:59px;
padding-top:30px;
background-color:#FFFFFF;
width:201px;
position:relative;
float:left;
}
#partner-braon{
height:23px;
background-color:#9A9A9A;
float:left;
width:676px; 
padding-right:13px;
color:#FFFFFF;
}
#partner-desno{
margin:0;
margin-left:5px;
background-color:#D9D9D9;
padding-left:13px;
padding-right:13px;
padding-top:15px;
padding-bottom:15px;
height:59px;
float:right;
width:663px;
color:#000000;
}
#kontakt1{
margin:0;
margin-top:5px;
width:895px;
height:188px;
background-image: url(images/kontakt-poz1.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#kontakt2{
margin-top:5px;
width:895px;
height:88px;
background-image: url(images/kontakt-poz2.jpg);
background-repeat:no-repeat;
background-position:top left;
position:relative;
}
#kontakt-text{
padding-left:18px;
padding-top:20px;
color:#FFFFFF;
float:left;
position:relative;
width:166px;
}
#kontakt-text2{
padding-left:20px;
padding-top:20px;
color:#808080;
float:left;
position:relative;
width:202px;
}
a.wh-link{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
a.wh-link:link{
color:#FFFFFF;
text-decoration:none;
}
a.wh-link:visited{
color:#FFFFFF;
text-decoration:none;
}
a.wh-link:active{
color:#FFFFFF;
text-decoration:none;
}
a.wh-link:hover{
color:#FFFFFF;
text-decoration:underline;
}
#asortiman{
width:895px;
}
#asortiman-text{
position:relative;
float:left;
padding-top:14px;
padding-bottom:14px;
padding-right:20px;
padding-left:20px;
color:#FFFFFF;
width:180px;
background-color:#494343;
height:195px;
}
#asortiman-slika{
position:relative;
float:left;
width:218px;
border-style: solid;
border-top-width:0.01cm;
border-left-width: 0.01cm;
border-bottom-width:0.01cm;
border-right-width:0.01cm;
border-top-color:#9A9A9A;
border-left-color:#9A9A9A;
border-right-color:#9A9A9A;
border-bottom-color:#9A9A9A;
margin:0;
margin-left:5px;
}
.asort-naslov{
color:#B6B5B0;
font-weight:bold;
}
#asort2{
width:248px;
margin-left:5px;
padding-left:23px;
padding-right:22px;
padding-top:87px;
background-color:#E3E3E3;
background-image:url(images/asort1.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#747474;
margin-bottom:5px;
position:relative;
float:left;
padding-bottom:15px;
}
#vele-crno{
padding:22px;
width:193px;
background-color:#000000;
color:#FFFFFF;
float:left;
position:relative;
margin:0;
margin-right:5px;
height:146px;
}
#vele-plavo{
width:365px;
padding:22px;
margin-right:5px;
background-color:#2660AA;
color:#FFFFFF;
float:left;
position:relative;
height:146px;
}
#vele-sivo{
width:231px;
padding:0;
margin-right:5px;
background-color:#BFBAA6;
color:#FFFFFF;
float:left;
position:relative;
height:190px;
}
form 	{
margin : 0;
padding : 0;
}

fieldset {
margin : 0;
padding :0;
padding-top:1em;
padding-bottom:1em;
border : 0;
}
	fieldset input {
	width: 200px; /* Width for modern browsers */
	border : 0;
	padding : 1px;
	margin-bottom:5px;
	
	background-color:#FFFFFF;
	color:#000000;
	height:20px;
	}
#lang{
width: 135px;
height:24px;
padding-top:4px;
margin-right:4px;
background-image:url(images/lang-back.gif);
background-position:top left;
background-repeat:no-repeat;
float: right;
position:relative;
font-size:10px;
color: #bebebe;

}
a.lang{
font-size:10px;
color: #bebebe;
text-decoration:none;
}
a.lang:link{
font-size:10px;
color: #bebebe;
text-decoration:none;
}
a.lang:visited{
font-size:10px;
color: #bebebe;
text-decoration:none;
}
a.lang:active{
font-size:10px;
color: #bebebe;
text-decoration:none;
}
a.lang:hover{
font-size:10px;
color: #494949;
text-decoration:hover;
}
