@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/pozadina.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	}

.wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border: 1px  solid #474747; 
	background-color: #FFF;
	-moz-box-shadow: 0 0 5px 5px #999;
	-webkit-box-shadow: 0 0 5px 5px #999;
	box-shadow: 0 0 5px 5px #999;
}

 #header{
	position:relative;
	width:960px;
	height:280px;
	background: #FFF;
	border-bottom: 1px solid #333;
	height:100px;
	}
	
	
.jezik {position: absolute;
		top: 2px;
		right: 55px;
		 }
		
.jezik p a {
	font-size:12px;
	font-weight:bold;
	text-decoration: none
		  }		
	
h1#logo{
	margin: 0;
	text-indent: -5000px;
	background:url(images/logo2.jpg)
	no-repeat;
	width: 450px;
	height: 77px;
	position: absolute;
	top: 15px;
	left: 9px;
}

/*gornja navigacija, unutar headera*/
ul#navi{
	margin: 0;
	list-style-type: none;
	position: absolute;
	top: 75px;
	right: 5px;
	width: 400px;
	background-color:#FFF;
 }
 
ul#navi li {display: inline;
}

ul#navi li a {
	background-color:#FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*border: 1px solid #333;*/
	-moz-box-shadow: 0 0 1px 1px #999;
	-webkit-box-shadow: 0 0 1px 1px #999;
	box-shadow: 0 0 1px 1px #999;
	color:#800;
	font-size:76%;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 3px;
	margin: 0 5px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	}

ul#navi li a:hover {
	background-color:#F0F0F0;
	color:#000;
	/* [disabled]border: 1px solid #600; */
	}


	 
/*stupac lijevo*/
#nav{
	clear: left;
	float: left;
	margin: 0px auto;
	width: 250px;
	padding: 0;
	border : 1px solid #BEBEBE;
	background-color: #F4F4F4;
	text-align: center;
	font-style: italic;
}

#nav p {padding-left: 10px;
		font-size:14px;}
/*tu spada i kontakt*/

/*lijevi izbornik*/
#nav ul{
		list-style: none;
		margin-left:-35px
		}
#nav ul li {
	padding: 0px;
	position: relative;
	border: 1px solid #333;
	-moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px#888;
	box-shadow: 0 0 2px 2px #888;
	border-radius: 3px;
			}
			
/*n je lista*/
ul#n li a {display: block;
			width: 234px;
			padding:4px;
		    background-color:#D8D8D8; 
			color:#1A1A1A; 
		    text-decoration:none; 
 			text-align: left;
		    /*font-weight:bold*/
 		    font-style: normal;	
		    -webkit-transition: all 0.3s ease-in;
		   -moz-transition: all 0.3s ease-in;
		   -o-transition: all 0.3s ease-in;
			}

ul#n li a:hover {
	background-color:#800;
	color:#FFF;
	font-weight: bold;
}

#n li > ul {display:none; 
			position:absolute; 
			left:240px; 
			top: 0%;}

#n li:hover > ul {display:block;}

li > ul li { padding:0px;}
	
	
		
.main{
	margin-left: 300px;
	width: 600px;
	color: #000;
}
	
.main h1 {
	text-align:center;
	color:#333;
	font-size: 20px;
	/*font-weight:lighter*/;
}
p{
	text-align:left;
	color:#4d4d4d;
}
.main h3{
	color:#030;
	font-weight: lighter;
	font-size: 16px;
}
.main h2{
	color:#7C211F;
	text-align: center;
	font-size: 16px;
	font-weight:lighter;
}

h4{
	/*padding-left:6px;*/
	color:#7C211F;
	font-weight:lighter;
}
table{
	border-collapse: collapse;
	border-style:solid;
	border-color:#CCC;
	background-color:#F0F0F0;
	border-spacing: 0;
	-moz-border-radius: 10px;
	-moz-box-shadow: #CCC 3px 3px 4px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: #CCC 3px 3px 4px;
	border-radius: 10px;
	box-shadow:#CCC 3px 3px 4px;
	text-align: center;
	font-weight: normal;
}
/*mala tablica na jednofazni izm, trofazni...*/
table#mala{float: right;}


/*linkovi uz malu tablicu*/
#tipovi {
	float: left;
	padding: 5px;
	letter-spacing: 1px;
	line-height: 200%;
	text-decoration:none;
	color: #333;
}
#tipovi ul {
    list-style-image: url('images/get_info.png');
}
#tipovi a{
	color:#800;
    text-decoration:none;}
}
#tipovi a:hover{color: #666; text-decoration:none}

.main li {
	list-style-type:circle;
	color:#333333;
	text-align: left;
	line-height: 1.5em;
}
	
.main img {
	margin: 30px;
	border:none;
}

/*na stranici sustavi napajanja, slika u sredini*/
.main img#sustav1{margin-left: 130px}
.wrapper .main ol li {
	list-style-type: decimal;
}
.main ol li h2{text-align:left;} /*stranica single-phase-rect*/
.main2 {
	margin-left: 150px;
	margin-right: 50px;
}
.main2 img{
	margin:30px;
	border: none;
}


.main2 img#sp { margin-left: 150px;}/*na stranici ispravljaci_za_formiranje*/
/*.main_dcdc {margin: 0 30px;}
.main_dcdc img {margin: 30px; border:none;}*/

#odlike {border-bottom: 1px solid #666;}
#zastite {border-bottom: 1px solid #666;}
#zastite h2 {text-align:center;}
#signalizacija {border-bottom: 1px solid #666; }
#daljinska {border-bottom: 1px solid #666;}
#ostalo {border-bottom: 1px solid #666;}
#konektori {border-bottom: 1px solid #666;}



#footer {
	font-size:10px;
	padding: 10px 0;
	background: #D8D8D8;
	position: relative;
	clear: both;}
#footer p{text-align:left;
		  padding-left:10px;}



/*pocetna*/

div.pocetak img
  {
	float:right;
	margin:10px 30px;
  }

		
.dio{width:600px;
		float: left;
		padding-top:15px;
		/*border: solid #CCC;
		-moz-box-shadow: 0 0 1px 1px #999;
		-webkit-box-shadow: 0 0 1px 1px #999;
		box-shadow: 0 0 1px 1px #999;*/
		}
.slika img
  {
	float:right;
	margin:50px 40px;
  }

ul#popis a{text-decoration:none;
					color:#333;		
					}
li#popis { text-decoration:none;}	

.tekst a{
		padding-top:10px;
		font-weight:bold;
		color:#1C930B;
		text-decoration:none;}		
.tekst li {margin-left:10px}			

/*kontakt*/

h2.kont{font-size:14px;
        text-align:left;
        padding: 3px;}

/*stranica proizvodi*/
#proizvodi a{
	color:#050532;
	text-decoration: none;
	font-style :italic;
	}
#proizvodi p a:hover{text-decoration:underline}

#proizvodi h4{font-style:italic;}
#proizvodi{
	background-color:#FFF;
	border-color:#FFF;
	border-bottom-color:#666;
	border-radius:0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#clear {clear: both}

#proizvodi a:hover{color: #666; text-decoration: none;}
#proizvodi img{ margin:3px}
/*slika pluta desno*/
img#pluta_desno{float:right} /*stranica regulator,solarni,pocetna*/

/*slika komplet stranica solarni*/
img#komplet {float:left; 
			margin: 0 50px;
			border:none;}