body {
text-align:center;
margin: 0px;
overflow: -moz-scrollbars-vertical;
}
html, textarea, td
{
/*font-family: Georgia, Times New Roman, Arial, Tahoma, Verdana; */
font-family: Arial, Tahoma, Verdana; 
font-size:12px;
line-height:18px;
color:#555555;		
}
input 
{
/*font-family: Georgia, Times New Roman, Arial, Tahoma, Verdana; */
font-family: Arial, Tahoma, Verdana; 
font-size:12px;
line-height:14px;
color:#555555;	
height:18px;	
}
a {
color: #5577aa;
}
a:hover {
text-decoration:none; 
/*color: #a9d273;*/
}
#input_button {
height:24px;
}

/*------------------------------------------------------
<HR>
-------------------------------------------------------*/
#myhr {
height: 10px;
width:180px;
float:left;
background-image: url('images/hr.jpg');
background-repeat: repeat-x;	
}
#myhr1 {
height: 10px;
width:520px;
float:left;
background-image: url('images/hr.jpg');
background-repeat: repeat-x;	
}
#myhr2 {
height: 10px;
width:720px;
float:left;
background-image: url('images/hr.jpg');
background-repeat: repeat-x;	
}
#myhr3 {
height: 10px;
width:360px;
float:left;
background-image: url('images/hr.jpg');
background-repeat: repeat-x;	
}

/*------------------------------------------------------
HEADER
-------------------------------------------------------*/
#contentheader {
/*position: absolute;
top: 10px;*/
width:960px;
height: 40px;
padding:0px;
float:left;
background:#ffffff;
background-image: url('images/logo.jpg');
background-repeat: no-repeat;
}
/*------------------------------------------------------
TOP MENU
-------------------------------------------------------*/
#contentmenu {
/*position: absolute;
top: 50px;*/
width:960px;
height: 60px;
padding-left:20px;
background-image: url('images/menu_bg.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
font-size:16px;
color:#555555;
}
#topmenuitem {
padding-left: 20px;
padding-right: 20px;
padding-top:17px;
height:40px;
float:left;
white-space: nowrap;
font-weight: bold;
}
#topmenuitem a {
text-decoration: none;
font-size: 16px;
color:#888888;
}
#topmenuitem a:hover {
color:#a9d273;
}
/*------------------------------------------------------
FOTO
-------------------------------------------------------*/
#contentfoto {
/*position: absolute;
top: 110px;*/
width:960px;
height: 210px;
background:#ffffff;
background-image: url('images/foto.jpg');
background-repeat: no-repeat;
}
/*------------------------------------------------------
CONTENT LEFT, CENTER, RIGHT
-------------------------------------------------------*/
#contentleft {
width:200px;
padding:0px;
float:left;
}
#contentcenter {
width:560px;
padding:0px;
float:left;
}
#contentright {
width:200px;
padding:0px;
float:left;
}
/*------------------------------------------------------
NAŠE STORITVE
-------------------------------------------------------*/
#boxservices {
/*position: absolute;
top: 320px;*/
width:200px;
height: 300px;
background-image: url('images/box_storitve.jpg');
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
#boxservicescaption {
padding-left: 35px;
padding-right: 20px;
padding-top:7px;
height:28px;
float:left; 
font-size:13px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/img_storitve.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
a#boxitem {
padding-left: 20px;
padding-right: 20px;
height:24px;
float:left; 
font-size:11px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/bullet.gif');
background-repeat: no-repeat;
background-position: 0px 4px;
}
a#boxitem:hover  {
padding-left: 25px;
color: #5577AA;
}
/*------------------------------------------------------
HITRI KONTAKT
-------------------------------------------------------*/
#boxcontact {
/*position: absolute;
top: 630px;*/
width:200px;
height: 150px;
background-image: url('images/box_kontakt.jpg');
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
#boxcontactcaption {
padding-left: 35px;
padding-right: 20px;
padding-top:7px;
height:28px;
float:left; 
font-size:13px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/img_kontakt.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
#boxcontacttext {
padding-left: 20px;
padding-right: 20px;
height:24px;
float:left; 
font-size:12px;
white-space: nowrap;
text-decoration: none;
}
#boxcontactlink {
font-size:12px;
}

/*------------------------------------------------------
POVPRAŠEVANJE
-------------------------------------------------------*/
#boxodgovornost {
/*position: absolute;
top: 320px;*/
width:200px;
height: 200px;
background-image: url('images/box_povpr.jpg');
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
#boxodgovornostcaption {
padding-left: 35px;
padding-right: 20px;
padding-top:0px;
height:32px;
float:left;
white-space: nowrap; 
font-size:13px;
text-decoration: none;
background-image: url('images/img_mnenja.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
#boxtext {
float:left;
padding-top: 10px; 
padding-right: 12px;
font-size:12px;
line-height: 18px;
}
#boxtext a {
font-size:13px;
}
#boxodgovornost img {
padding-right: 5px;
display: inline;
float: left;
}

/*------------------------------------------------------
MNENJA
-------------------------------------------------------*/
#boxmnenja {
/*position: absolute;
top: 480px;*/
width:200px;
height: 250px;
background-image: url('images/box_mnenja.jpg');
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
#boxmnenjacaption {
padding-left: 35px;
padding-right: 20px;
padding-top:7px;
height:28px;
float:left;
white-space: nowrap;
font-size:13px;
text-decoration: none;
background-image: url('images/img_mnenja.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
#boxmnenja img {
padding-right: 5px;
display: inline;
float: left;
}
.reference_kdo { 
font-size:12px;
line-height:16px;
color:#555555;		  
}

/*------------------------------------------------------
ZAČETNA STRAN - REFERENCE
-------------------------------------------------------*/
#spletnereference {
/*position: absolute;
top: 320px;*/
width:560px;
/*height: 150px;*/
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
#programskereference {
/*position: absolute;
top: 550px;*/
width:560px;
/*height: 120px;*/
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
#referencecaption {
padding-left: 35px;
padding-right: 20px;
padding-top:7px;
height:28px;
float:left; 
font-size:13px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/img_reference.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
#boxreference {
width:170px;
float:left;
background-position: 10px 5px;
background-repeat: no-repeat;
padding-top: 140px;
font-size: 12px;
text-align: right;
text-decoration: none;
cursor: hand;
}
.boxreference1 {
background-image:url('images/reference_varnostvic.jpg');
}
.boxreference2 {
background-image:url('images/reference_nachbar.jpg');
}
.boxreference3 {
background-image:url('images/reference_podoba.jpg'); 
}
.boxreference4 {
background-image:url('images/reference_uunivez_izhodni.jpg');
}
.boxreference5 {
background-image:url('images/reference_sirius.jpg');
}
.boxreference6 {
background-image:url('images/reference_goodyear.jpg'); 
}

/*------------------------------------------------------
FOOTER
-------------------------------------------------------*/
#contentfooter {
/*position: absolute;
top:800px;*/
width:960px;
height:50px;
background-image: url('images/footer.jpg');
background-repeat: no-repeat;
}
.footerleft {
float:left;
width:850px;
padding-top:17px;
color:#ffffff;
font-size:12px;
text-align: left;
text-indent: 15px;
}
.footerright a {
float:left;
width:95px;
padding-top:17px;
color:#ffffff;
font-size:12px;
text-align: right;
}


/*------------------------------------------------------
PODJETJE
-------------------------------------------------------*/
#contentpodjetje {
/*position: absolute;
top: 320px;*/
width:760px;
/*height: 350px;*/
padding-top: 10px;
padding-right: 10px;
float:left;
text-align:justify;
}
#caption {
padding-left: 35px;
padding-right: 20px;
padding-top:7px;
height:28px;
float:left; 
font-size:13px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/img_info.jpg');
background-repeat: no-repeat;
background-position: 0px 0px;
}
#podjetjetext {
width:720px;
padding-right:10px;
padding-top:7px;
float:left; 
font-size:12px;
text-align:justify;
}
#podjetjetext a {
font-size:12px;
}
#podjetjepodatki {
width:360px;
padding-right:10px;
padding-top:7px;
float:left; 
font-size:12px;
text-align:justify;
}
#podjetjetabletext {
font-size:12px;
}
#podjetjespace {
width:720px;
height: 20px;
float:left;
}

/*------------------------------------------------------
SPLETNE STORITVE
-------------------------------------------------------*/
#contentspletnestoritve {
/*position: absolute;
top: 320px;*/
width:760px;
/*height: 350px;*/
padding-top: 10px;
padding-right: 10px;
float:left;
text-align:justify;
}
#minicaption, #minicaption a {
padding-left: 0px;
padding-right: 20px;
padding-top:12px;
height:30px;
float:left; 
font-size:13px;
white-space: nowrap;
font-weight:bold;
color:#5577aa;
}
#minicaption a:hover {
text-decoration:none;
}
#spletnestoritvetext {
width:720px;
padding-right:10px;
float:left; 
font-size:12px;
text-align:justify;
}
#spletnestoritvetext a {
font-size:12px;
font-weight: bold;
}
#spletnestoritvetext a:hover {
font-size:12px;
font-weight: bold;
}


/*------------------------------------------------------
SPLETNE STORITVE, PROGRAMSKA OPREMA, PODSTRANI
-------------------------------------------------------*/
#contentpodstran {
/*position: absolute;
top: 320px;*/
width:760px;
/*height: 350px;*/
padding-top: 10px;
padding-right: 10px;
float:left;
text-align:justify;
}
#podstrantext {
width:720px;
padding-right:10px;
padding-top:15px;
float:left; 
font-size:12px;
text-align:justify;
}
#podstrantext a {
font-size:12px;
}
#podstrantext a:hover {
font-size:12px;
}
#podstranspace {
width:720px;
height: 20px;
float:left;
}


/*------------------------------------------------------
PRIMER 
-------------------------------------------------------*/
#primer {
width:720px;
float:left; 
}
#primer img {
float:left;
}
#primerblok {
width:500px;
float:left; 
font-size:12px;
padding-top:7px;
}
#primerblok a {
font-size:12px;
}
#primerblok img {
border: 1px solid #dddddd;
}
#primerspace {
width:20px;
height:130px;
float:left;
}
#primerspacesmall {
width:20px;
height:70px;
float:left;
}
#primerminicaption {
padding-left: 0px;
padding-right: 20px;
padding-top:12px;
height:18px;
float:left; 
font-size:13px;
white-space: nowrap;
font-weight:bold;
color:#89b253;
}
#columns2 {
width:300px;
float:left;
padding-top:15px;
}


/*------------------------------------------------------
REFERENCE 
-------------------------------------------------------*/
#referencelinks {
width:720px;
float:left;
}
#referenca {
width:180px;
height: 170px;
float:left; 
}
#referencablok {
width:180px;
float:left; 
font-size:10px;
line-height:11px;
text-align: right;
}
#referencaspisek {
width:300px;
float:left; 
font-size:12px;
text-align: left;
}
#referenca a {
font-size:10px;
}
#referenca img {
float: right;
}
#referencaspace {
width:720px;
height:20px;
float:left;  
}
#referencaminicaption {
width:720px;
padding-left: 0px;
padding-right: 20px;
padding-top:12px;
height:18px;
float:left; 
font-size:13px;
white-space: nowrap;
font-weight:bold;
color:#89b253;
}
#referencaminicaption a {
color:#89b253;
}
#referencamnenje {
width:360px;
float:left; 
}
#referencamnenje img {
float:left;
}
#referencamnenjetext {
float:left; 
font-size:12px;
text-align: left;
padding-left:10px;
}