<style type="text/css">




body {
	
	background-color:#CCC;
	margin: 0;
	padding: 0;
	color: #F7F7F7;
}


.header
{
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#000;
	width: 100%;
	min-width: 780px;
	height: 325px;
	border-width:0px;
}
.headerImgIndex{ background-image:url('image/header/img1.jpg'); }
.headerImgActivities{ background-image:url('image/slika1.jpg'); }
.headerImgReferences{ background-image:url('image/slika1.jpg'); }
.headerImgContact{ background-image:url('image/slika1.jpg'); }

.facebookLogo
{
	line-height:0px;
	padding; 0px;
	width: 50px;
	height: 60px;
	margin-left: 0px;
	margin-top: 0px;
	color:#FFF;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:40px;
	font-weight:bold;
	font-style:normal;
	text-align:left;
	
}
.facebook
{
	line-height:0px;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	text-decoration: none;
}

.mail
{
	
}

.headerTextBox
{
	position: relative;
	margin: 0 auto;
	top: 0px;
	padding: 0px;
	width: 780px;
	opacity: 1;
}


.headerTextBoxTitle
{	
	margin:0;
	padding: 0px;
	float: left;
	width: 500px;
	height: 60px;	
	vertical-align:middle;
}
.headerTextBoxTitleFont
{
	/* text */
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	text-decoration: none;
	text-align:left;
	
	list-style: none;
	display: block;
	color:#FFF;
	text-decoration: none;
	vertical-align:middle;
	padding-left:30;
	margin-left:30;
	
}

.headerTextBoxFacebookLanguage
{	
	float: right;
	margin-top: -12px;
	width: 200px;
	height: 50px;	
}

.headerTextBoxFacebook
{	
	float: left;
	width: 100px;
	height: 50px;
}

.headerTextBoxLanguage
{	
	float: right;
	margin-top: 0px;
	width: 50px;
	height: 60px;	
}
.headerTextBoxLanguageENG
{	
	float: right;
	width: 50px;
	height: 30px;
	padding; 0px;
	margin-left: 0px;
	margin-top: 15px;	
}
.headerTextBoxLanguageSLO
{	
	float: right;
	width: 50px;
	height: 30px;
	padding; 0px;
	margin-left: 0px;
	margin-top: -10px;
}

.language
{
	line-height:0px;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	text-align:right;	
}

/********************/
/* horizontal lines */
/********************/
.linija1
{
	/* size & location */
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	height:60px;
	min-width: 780px;
	background: #000;
	opacity: 0.6;
	
	/* text */
	list-style: none;
	font-size: 20px;
	display: block;
	color:#FFF;
	text-decoration: none;
	
	/* other */
	border-width: 0px;
	border-color: transparent;;
	border-style: solid;
	
}

.linija2
{
	/* size & location */
	margin: 0;
	margin-top: 0px;
	padding: 0;
	width: 100%;
	height: 6px;
	min-width: 780px;
	background: #403B3B;
	opacity: 0.7;
	
	/* text */
	list-style: none;
	font-size: 0px;
}
.linija3
{
	
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 780px;
	height: 219px;
	
	
	
	
}


.linija4
{
	/* size & location */
	margin: 0;
	margin-top: 0px;
	padding: 0;
	width: 100%;
	height: 6px;
	min-width: 780px;
	background: #403B3B;
	opacity: 0.7;
	
	/* text */
	list-style: none;
	font-size: 0px;
}
.linija5
{
	/* size & location */
	vertical-align:bottom;
	margin-bottom:inherit;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	height:34px;
	min-width: 780px;
	background: #000;
	opacity: 0.6;
	/* other */
	border-width: 0px;
	border-color: transparent;
	border-style: solid;
}

.linija6
{
	/* size & location */
	vertical-align:bottom;
	margin-bottom:inherit;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	height:35px;
	min-width: 780px;
	background: #DBDBDB;
	opacity: 1;
	/* other */
	border-width: 0px;
	border-color: transparent;
	border-style: solid;
}




.pisava1
{
  color: #00FF00;
  font-family:arial;
  font-size: 20pt;
  background-color:#009;
} 








/* navigation buttons  */
#buttonsContainer
{
	font-size: 0px;
	position: relative;
	top: -34px;
	height:35px;
	z-index: 10;
	margin: 0;
	padding: 1em 0 0 0;
	font-family: "Comic Sans MS", cursive;
	line-height: 0px;
	text-height: 0px;
}
#buttonsContainer:after
{
	content: "";
	display: block;
	clear: both;
	line-height: 0px;
	text-height: 0px;
}
ul#navigationButton								/* nastavitve okna z gumbi */
{
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	width: 780px;
	height:35px;
	font-size: 0.8em;
	line-height: 0px;
	text-height: 0px;
}
ul#navigationButton li							/* nastavitve gumba */
{
	display: block;
	float: left;
	width: 33.33%;
	margin: 0;
	padding: 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	margin-top: 0px;
}
ul#navigationButton li a							/* običajen gumb */
{
	display: block;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 0;
	line-height:1;
	border-width: 0px;
	border-color: transparent;;
	border-style: solid;
	color:#FFF;

	text-decoration: none;
	background: #000;
	background-color : transparent;
}
ul#navigationButton li#active a					/* trenutno aktiven gumb */
{
	background:#F8F8F8;	/*light grey */
	color: #800000;
	opacity: 1;
	position: relative;
}

ul#navigationButton li#activeSub a					/* trenutno aktiven gumb */
{
	background:#DBDBDB;
	color: #800000;
	opacity: 1;
	position: relative;
}

ul#navigationButton li a:hover, ul#navigationButton li#active a:hover		/* z miško prekrit gumb */
{
	text-decoration:underline;
	border-color: transparent;
}

#buttonsContainer>ul#navigationButton li a { width: auto; } 




/* sub navigation buttons  */
#buttonsContainerSub
{
	font-size: 0px;
	position: relative;
	top: -35px;
	height:35px;
	z-index: 10;
	margin: 0;
	padding: 1em 0 0 0;
	font-family: "Comic Sans MS", cursive;
	line-height: 0px;
	text-height: 0px;
	background: #DBDBDB;
}
#buttonsContainerSub:after
{
	content: "";
	display: block;
	clear: both;
	line-height: 0px;
	text-height: 0px;
}
ul#navigationButtonSub							/* nastavitve okna z gumbi */
{
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	width: 780px;
	height:35px;
	font-size: 0.8em;
	line-height: 0px;
	text-height: 0px;
}
ul#navigationButtonSub li							/* nastavitve gumba */
{
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	margin-top: 0px;
}
ul#navigationButtonSub li a							/* običajen gumb */
{
	display: block;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 0;
	line-height:1;
	border-width: 0px;
	border-color: transparent;;
	border-style: solid;
	color:#666;

	text-decoration: none;
	background: #DBDBDB;

}
ul#navigationButtonSub li#active a					/* trenutno aktiven gumb */
{
	background:#activeSub;
	color: #800000;
	opacity: 1;
	position: relative;
}
ul#navigationButtonSub li a:hover, ul#navigationButtonSub li#active a:hover		/* z miško prekrit gumb */
{
	text-decoration:underline;
	border-color: transparent;
}

#buttonsContainerSub>ul#navigationButtonSub li a { width: auto; } 







.footer{
	/* size & location */
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both;
	
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 100%;
	min-height:100px;
	min-width: 780px;
	background-color: #1A1110;
	opacity: 0.7;
}

.footerTextBox{
	
	margin: 0 auto;
	vertical-align:central;
	padding: 0px;
	width: 780px;
	height:100px;
	text-align:center;
	
	/* text */
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	line-height: 2px;
	font-weight:normal;
	color: #888888;
}





.contentParagraph
{
	/* size & location */
	background: #F8F8F8;	/*light gray */
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.textLucidaSans
{
	/* text */
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	color:#444444;
}
p.textSizeLarge  { font-size:20px; }
p.textSize16 { font-size:16px; }
p.textSize15 { font-size:15px; }
p.textSize14 { font-size:14px; }
p.textSizeHeading { font-size:15px; }
p.textSizeContent { font-size:14px; line-height: 25px;}
p.textSizeNormal { font-size:14px; }
p.textSize13 { font-size:13px; }
p.textSize12 { font-size:12px; }
p.textSizeSmall  { font-size:10px; }

p.textAlignJustify 	{	text-align:justify; }
p.textAlignLeft		{	text-align:left;	}
p.textAlignRight		{	text-align:right;	}
p.textAlignCenter	{	text-align:center;	}

p.textStyleNormal	{	font-style:normal;	}
p.textStyleBold	{	font-weight:bold;	}
p.textStyleItalic	{	font-style:italic;	}

p.textColorWhite 	{	color:#FFF;	}
p.textColorRedBlack	{	color:#000;	}
p.textColorGray 	{	color:#444444;	}
p.textColorRed 		{	color:#800000;	}
p.textLineHeightNone{	line-height: 0px; }
p.textLineHeightMin{	line-height: 2px; }
p.textLineHeightNormal{	line-height:normal; }

.contentLink{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bolder;
	text-decoration:none;
	color:#444444;
}
.footerLink
{
	/* text */
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#CCC;
}

 
/**************************************************************************/
/***************************** CONTENT ************************************/
/**************************************************************************/
.content{
	/* size & location */
	width: 780px;
	background: #F8F8F8;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 300px;
	
	/* text */
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-decoration: none;
	font-weight:normal;
	text-align:justify;
	color:#444444;
	border-width:0px;
}



/* INDEX */

/* 1 line left */
.aboutMeFrame1
{
	padding-left: 00px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 20px;
	float: left;
	width: 366px;
	min-height: 243;
}
/* 1 line right */
.aboutMeFrame2
{
	margin:0;
	margin-top:30px;
	padding:0;
	padding-left: 15px;
	float: left;
	width: 346px;
	min-height: 243;
}
.aboutMeIFrame1
{
	margin:0;
	padding:0;
	width:394px;
	height: 243px;		
}
/* 2 line left*/
.aboutMeFrame3
{
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 60px;
	padding-right: 0px;
	float: left;
	width:394px;
	height: 243px;	
}
.aboutMeIFrame2
{
	margin:0;
	padding:0;
	width:394px;
	height: 243px;	
}
/* 2 line right*/
.aboutMeFrame4
{
	margin:0;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 60px;
	padding-right: 0px;
	float: left;
	height: auto;
	min-height:243px;
	width: 366px;	
}




/* PA service */
/* 1 line left*/
.PAserviceFrame1
{
	margin:0;
	padding:0;
	float: left;
	width:394px;
	height: 243px;	
}
.PAserviceIFrame1
{
	margin:0;
	margin-top:20px;
	padding:0;
	border:0;
	width:394px;
	height: 243px;	
}
/* 1 line right*/
.PAserviceFrame2
{
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
	height: auto;
	min-height: 243px;	
	width: 366px;
}

/* 2 line left */
.PAserviceFrame3
{
	padding-left: 00px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 20px;
	float: left;
	width: 366px;
	min-height: 243px;
}
/* 2 line right */
.PAserviceFrame4
{
	margin-top:30px;
	padding:0;
	padding-left: 20px;
	float: left;
	width: 374px;
	min-height: 243px;
}
.PAserviceIFrame2
{
	margin:0;
	padding:0;
	width:394px;
	height: 243px;		
}
/* 3 line left*/
.PAserviceFrame5
{
	padding-left: 0px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-right: 0px;
	float: left;
	width:394px;
	height: auto;
	min-height: 243px;	
}
.PAserviceIFrame3
{
	margin:0;
	padding:0;
	width:394px;
	height: 243px;	
}
/* 3 line right*/
.PAserviceFrame6
{
	padding-left: 20px;
	padding-top: 40px;
	padding-bottom: 60px;
	padding-right: 0px;
	float: left;
	height: auto;
	min-height:243px;
	width: 366px;	
}


/* Electrical engreneering */
/* 1 line left */
.electricalEngeneeringFrame1
{
	margin:0;
	padding:0;
	float: left;
	width:394px;
	height: 243px;	
}
.electricalEngeneeringIFrame1
{
	margin:0;
	margin-top:20px;
	padding:0;
	border:0;
	width:394px;
	height: 243px;	
}
/* 1 line right */
.electricalEngeneeringFrame2
{
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
	height: auto;
	min-height: 243px;	
	width: 366px;
}


/* 2 line */
.electricalEngeneeringFrame3
{
	margin:0;
	padding:0;
	float: left;
	width:537px;
	height: auto;
}
/* 3 line */
.electricalEngeneeringFrame4
{
		margin:0;
	padding:0;
	float: left;
	width:537px;
	height: 357px;
}
.electricalEngeneeringIFrame2
{
	margin:0;
	margin-top:0px;
	padding:0;
	border:0;
	width:537px;
	height: 357px;	
}




/* CNC manufacturing */





/* Modelling */



/* Other */



/* CONTACT */
/* 1 line left*/
.contactFrame1
{
	margin:0;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
	height: 243px;
	width:394px;	
	height: 500px;
	width:280px;
	min-height:400px;
}
/* 1 line right*/
.contactFrame2
{
	margin:0;
	padding-left: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
	height: auto;
	min-height:400px;
	width: 500px;
}


#map_canvas {
        width: 500px;
        height: 400px;
}