/* CSS Document */
body { background: url(../images/bcg.png) repeat-x ; background-position: top center; margin:0 auto; padding: 0; }

img { border: 0; }

body {
font-family: arial;
font-size: 13px;
color:#484848;
}

h1 { color: #0A5C96; font-size: 30px; }
a { color: #0A5C96; font-weight: normal; }
a:hover { text-decoration: none;}
h2 { font-size: 22px; }

.bodypadding { padding-left: 10px; padding-right: 10px; font-size: 12px;  }

.bodypadding p { font-size: 14px; line-height: 1.7; }

.bodypadding h2 { color: #0A5C96; }

.bodypadding h4, .bodypadding h4 a { color:#0A5C96; margin-top:2px; margin-left:0px; font-size: 10px; font-weight: normal; text-decoration: none; }
.bodypadding h4 a:hover { text-decoration: underline; }



#mainHolder {
  width: 900px;
  height: 100px;
  margin: auto;
}

#footer { clear: both; color: #ADAAAC; font-size: 10px; margin-top: 10px; text-align: center;}
#footer a { color: #ADAAAC; }

#logo { float: left; }
#navigation { float: left; margin-top: 81px; text-align: right; width: 515px;}
#logoAndNavigationBox {  }
#navigation ul { margin-right: 15px;}
#navigation li { list-style: none; color: #3e3e3e; display: inline; padding-right: 10px;}
#navigation a { color: #3e3e3e; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }
 
#header {margin-top:0px;}

.navmeni { padding:0px;margin:0px;margin-bottom:-10px;float:left; height:1px; }
.hrHead{height: 0px;margin-bottom:0px; margin:0px;padding:0px;display:inline;}


#flashHolder { padding-bottom: 2px;margin-top:0px;padding-top:0px;vertical-align:top;}
#flashAltHolder { padding-bottom: 2px;margin-top:0px;padding-top:0px;vertical-align:top;}

.hrHead { clear:both; width: 100%; }
.hr { clear:both; border-bottom: 1px solid #d0d0d0; padding-top: 30px; }

#frontPreFoot { /*margin-top: 90px; */padding-bottom: 28px; }
.frontNews, .frontServices, .frontReferences { font-size: 11px; float: left; width: 210px; padding-left: 30px; padding-right:30px; margin-top: 10px; text-align: justify; }
.frontServices { border-right: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0;   }
.frontServices .bodypadding { padding: 0; }
.frontReferences { border: 0; }
#frontPreFoot h1 { color: #0095d4; font-size: 18px; padding-top: 10px; font-weight: bold; }


/* LAVA LAMP MENI, dodano by Gregor 21 11 2008 */

.lavaLampWithImage {
position: relative;
height: 29px;
padding: 15px;
padding-top: 0;
margin: 0;
overflow: hidden;
}

.lavaLampWithImage li {
float: left;
list-style: none;
}

.lavaLampWithImage li.back {
background: url("../images/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
padding:0px;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url("../images/lava.gif") no-repeat top left;
height: 30px;
padding:0px;
margin-right: 9px; /* 7px is the width of the rounded shape */

}
.lavaLampWithImage li a {
font: 12px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding: auto 10px;
padding-left:15px;
padding-right:15px;
margin:0px;  
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}

.storitevdiv img { float: right; padding: 10px; }
.storitevdiv {border-bottom: 1px solid #CFCFCF; padding-bottom: 20px; text-align:justify;}
.storitevdiv a { color: #0A5C96; font-weight: normal; }
.storitevdiv a:hover { text-decoration: none;}

.calltoaction { padding-top: 20px; font-weight: bold; color: #2590C6; }


.referenca {  width:148px; height:197px; font-size:10px;  text-align:center; float:left; margin-right:2px; margin-left:3px;  }
.referenca2 {  height:197px; font-size:10px;  text-align:center; float:left; margin-right:4px; margin-left:17px;  }
	.reference { display: table-cell; width:770px;  background-image:url('/images/reference/ref-bgd.gif'); color:#777777; text-align:center;}
	.reference a { color:#777777; text-decoration:none;}
	.reference a:hover { color:#777777; text-decoration:underline;}

textarea,input,select {
border: 1px solid #bbbbbb;  
padding: 1px; 
font-family: Arial,Verdana,sans-serif; 
background-color: #f9f9f9;
font-size: 11px; letter-spacing: 1px;
}


.checks {  background-image:url('/images/checked.jpg'); background-repeat:no-repeat; padding-left:30px; margin-top:10px;  font-size: 16px; font-weight: bold; color: #0A5C96; padding-bottom: 0px; margin-bottom: 0px; }
p.pchecks, p.pcheckssmall { margin-left: 30px; }
.checksmore { padding: 3px; background-color: #1f80bf; color: white; font-size: 12px;  border: 1px solid #666666; text-transform: uppercase; width: 200px; padding-top: 0px; margin-top:0px; }
p.pcheckssmall { font-size: 12px; }
.star {  background-image:url('/images/star.jpg'); background-repeat:no-repeat; padding-left:30px; margin-top:5px;  }
#nastevanje li { margin-left: 10px; padding-top:3px;}
#nastevanje2 ul { margin-top:0px;}
#nastevanje2 li { margin-left: 10px; padding-top:3px;}

h1.indexpage { font-size: 24px; margin:0; padding:0; }
h2.indexpage { font-size: 14px; margin:0; padding:0; }
table.fronttable { width: 630px; }
table.fronttable td { vertical-align: top; width: 210px; }
.desnimeni { 
width: 230px;
float:right; 
margin-left:0px;
margin-top: 10px;
padding: 5px;
}
.desnimenititle {
  background: url(/images/desni_meni_bcg.jpg) no-repeat top center;
  padding: 10px; 0px; 0px; 25px;
  font-size: 14px; font-weight: bold;
  height: 20px;
  color: white;
}
.desnimeni p { padding: 0; margin:0; padding-left: 12px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.desnimeni font { color: green; }

.desnimeniindex { 
width: 240px;
border-left: #d0d0d0 1px solid; 
float:right; 
margin-left:8px;
margin-top: 10px;
padding: 5px;
}
.desnimenititleindex {
  background: url(/images/desni_meni_bcg.jpg) no-repeat top center;
  padding: 10px; 0px; 0px; 25px;
  font-size: 14px; font-weight: bold;
  height: 20px;
  color: white;
}
.desnimeniindex p { padding: 0; margin:0; padding-left: 12px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.desnimeniindex font { color: green; }

.nogica {
clear: both;
background-color: #1f80bf;
width: 100%;
margin-top: 20px;
}

.nogica p { color: white; }
.nogica a { color: white; }

p.uvodnip {
font-size: 20px;
font-weight: bold;
}

p.poudarjenp {
border: 4px solid #DEDEDE;
padding: 20px;
font-size: 14px;
}

p.ctap
{
border: 16px solid #0198cd;
font-size: 14px;
padding: 20px;
}

p.ctap span { font-size: 18px; color: #0198cd; }

#hor-minimalist-a
{
	font-size: 12px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 18px;
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	padding: 16px 8px 0px 8px;
	font-size: 14px;
}
#hor-minimalist-a tfoot td
{
	padding: 9px 8px 0px 8px;
	font-size: 18px;
	text-align: center;
  height: 50px;
  vertical-align: middle;
}
#hor-minimalist-a tbody tr:hover td
{
  background-color: #f3f0f0;
  vertical-align: middle;
}

.gstevilke { float: left; padding-right: 7px; }

.buttonbig { padding: 3px; background-color: #1f80bf; color: white; font-size: 12px;  border: 1px solid #666666; text-transform: uppercase; }

a.buttonbig { text-transform: none; font-weight: bold; text-decoration: none; }

form input, form textarea { font-size: 14px; }

p.faqq { font-size: 18px; font-weight: bold; padding: 0px; margin: 0px; }
p.faqa { padding: 0px; margin: 0px; }
