* 

{
margin:0px;
padding:0px;

}

body {
background-color:#f5f5f5;

}

#outerTop {
height:123px;
background-image: url(images/bgtop.jpg);
background-repeat: repeat-x;
}

#outerMiddle {
height:395px;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}

#outerMiddlepod {
height:90px;
background-image: url(images/ozadjepod.jpg);
background-repeat: repeat-x;
}

#outerBottom {
height:259px;
background-image: url(images/bgbottom.jpg);
background-repeat: repeat-x;
}

#outerBottompod {


background-repeat: repeat-x;
}


#header {
width:872px;
margin-left:auto;
margin-right:auto;
}

#logo {
width:240px;
height:101px;
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
margin-top:21px;
float:left;
	
}

#header ul {
list-style-type:none;
padding:0;
margin:0;
	
}
#header li {
display:inline;
font-size:0.9em;
padding:0;
margin:0;

	
}

#header ul#menu {	
float:right;		
margin-top:10px;
height:33px;
width:70%;

}

#header ul#menu li a {
padding-top:10px;
padding-bottom:7px;
padding-right: 7px;
padding-left: 7px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
border-left:1px solid #fff;
background-image: url(images/bgmenu.jpg);	
background-repeat: repeat-x; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#header ul#menu li.active a:hover , 

#header ul#menu li.active a{
background-color:#1B2024;
background-image:none;
}

#header ul#menu li a:hover {
background-color:#1b2025;
background-image:none;
	
}

#kontakt {
width:200px;
height:50px;
float:right;
margin-top:20px;
color:#3c8dc9;
font-weight:bolder;
background-image:url(images/telefon.jpg);
background-repeat:no-repeat;
padding-left:40px;
padding-top:10px;

}

#header h1 {
	color:#a5adb5;
	font-size:16px;
	float:left;
	padding-top:29px;
	padding-left:27px;
}

#ozadje {
	position:relative;
background-image:url(images/ozadje.jpg);
background-repeat:no-repeat;
width:993px;
height:395px;
margin-left:auto;
margin-right:auto;

}

#tekst {
width:790px;
height:110px;
margin-left:auto;
margin-right:auto;
}

#tekst h2 {
color:#fdfefe;
font-weight:normal;
text-align:center;
padding-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
padding-bottom:5px;

}

#tekst h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#aabccb;
font-weight:bold;
text-align:center;
}

#tekst p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#aabccb;
font-weight:bold;
text-align:center;
}

#racunalnik {
position:absolute;
height:249px;
width:438px;

 top:115px;
left:275px;
}

#reference {

position:absolute;
	
width:239px;
height:64px;
 top:195px;
 right:10px;

}

#reference img {
	border:0;
	
}

#ikone {
width:874px;
margin-left:auto;
margin-right:auto;
background-image:url(images/ikone.jpg);
background-repeat:no-repeat;
height:159px;
}

#module1 {
float:left;
height:159px;
width:193px;
color:#6c7076;
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
padding-left:13px;
font-size:15px;

}

#module1 h1{
color:#36383b;
font-size:17px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
}

#module1 a {
	font-size:11px;
	color:#000;
	font-weight:bold;
}

#module1 a:hover {
	text-decoration:none;

}

#module2 a {
	font-size:11px;
	color:#000;
	font-weight:bold;
}

#module2 a:hover {
	text-decoration:none;

}
#module3 a {
	font-size:11px;
	color:#000;
	font-weight:bold;
}

#module3 a:hover {
	text-decoration:none;

}
#module4 a {
	font-size:11px;
	color:#000;
	font-weight:bold;
}

#module4 a:hover {
	text-decoration:none;

}

#module2 {
float:left;
height:159px;
width:203px;
color:#6c7076;
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
padding-left:13px;
font-size:15px;
}

#module2 h1{
color:#36383b;
font-size:17px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;

}

#module3 {
float:left;
height:159px;
width:196px;
color:#6c7076;
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
padding-left:13px;
font-size:15px;
}
#module3 h1{
color:#36383b;
font-size:17px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;

}

#module4 {
float:left;
height:159px;
width:200px;
color:#6c7076;
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
padding-left:13px;
font-size:15px;
}

#module4 h1{
color:#36383b;
font-size:17px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;

}

#title {
font-family:Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
width:874px;
color:#c1d0dd;
font-size:15px;
padding-top:25px;
font-weight:bold;
}

#title h2 {
font-family:Arial, Helvetica, sans-serif;
color:#EFEFEF;
padding-bottom:8px;
font-size:25px;
font-weight:normal;
}

#spodaj {
margin-left:auto;
margin-right:auto;
width:874px;
}

#vsebina {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:580px;
float:left;
color:#41474d;
margin-right:10px;
padding-top:10px;
text-align:justify;
padding-right:6px;
}

#vsebina p {
margin-top: 3px;
margin-bottom: 9px;
}

#desno {
width:247px;
float:left;
padding-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5F5F5F;
}

#desno ul {
list-style:none;


}

#desno ul#desnimenu li {

}

#desno ul#desnimenu li.active {
	
}

#desno ul#desnimenu li a {
display: block;
width: 245px;
height: 25px;
background-color: transparent;
background-image: url(images/right_menu_bg.png);
background-repeat: no-repeat;
background-attachment: scroll;

color: #000000;
font-weight: bold;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:6px;
padding-left:28px;
}


#desno ul#desnimenu li  a:hover {
text-decoration:underline;
}

#desno ul#desnimenu li.active a {
display: block;
width: 245px;
height: 25px;
background-color: transparent;
background-image: url(images/right_menu_bg_over.png);
background-repeat: no-repeat;
background-attachment: scroll;
color: #000000;
font-weight: bold;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:6px;
padding-left:28px;
}

#desno ul#desnimenu li.active a:hover {
display: block;
width: 245px;
height: 25px;
background-color: transparent;
background-image: url(images/right_menu_bg_over.png);
background-repeat: no-repeat;
background-attachment: scroll;
color: #000000;
font-weight: bold;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:6px;
padding-left:28px;
}

#povprasajte {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5F5F5F;
}

#povprasajte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3D8DCA;
margin-bottom:5px;
}

#povprasajte a {

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5F5F5F;
text-decoration:underline;
}

#povprasajte a:hover {

text-decoration:none;
}


div.float {
  float:left;
  margin-top:20px;
  margin-right:5px;
  
  

  }
  
div.float p {
   text-align: center;
   }
   
div.float a {
	text-decoration:underline;
	font-size:11px;	
	color:#31363C;
}

div.float a:hover {
	text-decoration:none;
}
div.float img {
	border-width:thin;
	border-color:#DFDFDF;
}


div.seznam img {
	float:right;
	margin-right:60px;
}

div.seznam ul {
line-height: 1.5;

}

div.seznam ul li {
background-image: url(images/arrow1.gif);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 19px;
list-style-image: none;
list-style-type: none;
}

#moduli {
width:874px;
margin-left:auto;
margin-right:auto;
background-image:url(images/ikone.jpg);
background-repeat:no-repeat;
height:159px;
float:left;
}

img.vsebinaslike {
float:left;
margin-right:5px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);

}

img.slikadesno {
float:right;
margin-left:10px;
}

#vsebina a.vsebina {
color:#2571C2 ;
font-weight:bold;
font-size:15px;
text-decoration:none;
}

#vsebina a.vsebinalink {
color:#2571C2 ;
font-size:12px;
text-decoration:underline;
}

#vsebina a:hover.vsebinalink {
color:#2571C2 ;
font-size:12px;
text-decoration:none;
}

#vsebina a.linki {
color:#2571C2 ;
font-size:12px;
text-decoration:underline;
}

#vsebina a:hover.linki {
color:#2571C2 ;
font-size:12px;
text-decoration:none;	
}

#vsebina h2 {
color:#2571c2;
margin-bottom:5px;
margin-top:5px;
font-size:18px;
}

#noga {
float:left;
font-size:11px;
color:#6c7076;
font-family:Arial, Helvetica, sans-serif;
padding-left:13px;
padding-top:15px;
}


