@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0;}

@font-face {
	font-family: 'Maiandra GD';
	src: url('font/Maian.eot');
	src: local('Maiandra GD'), local('Maiandra GD'), url('font/Maian.TTF') format('truetype');
}

body{margin: 0; padding: 0; text-align: center; background: #d6dcff url(elektro-klavora/vz.png); font-family: 'Maiandra GD', Arial, Helvetica; font-size: 14px; color: #243a4a;}

a{font-weight: bold; text-decoration: underline; color: #243a4a;}
a:hover{text-decoration: none; color: #ff0000;}
a img {border: none; outline: none;}
ul, li {margin:0; padding:0; list-style:none;}
h1{font-size: 14px; margin-bottom: 10px;}
label{width:150px !important;display: block;}
fieldset, form{border: none;}
form li{min-height: 40px;}

#header-oz{width: 100%; min-height: 305px; margin: 0 auto; background: #283584 url(elektro-klavora/header-vz.png) top repeat-x;}
#sredina{width: 800px; margin: 0 auto;}
	#header{width: 100%; height: 302px; position: relative; float: left; background: url(elektro-klavora/elektro-klavora.jpg) center no-repeat;}
		.klavora-podatki{color: #ffffff; position: absolute; top: 194px; left: 260px;}
		.domov{width: 516px; height: 104px; position: absolute; top: 69px; left: 131px;}
		.e-mail{width: 222px; height: 25px; position: absolute; top: 230px; left: 288px;}
		
	.meni{width: 100%; float: left; margin-top: 26px;}
		div.meni ul{margin: 0 auto; width: 570px;}
		div.meni li{float: left;}
		div.meni li.meni-padd{padding-top: 50px;}
		div.meni li a{text-decoration: none; font-weight: normal; display: block; padding-top: 50px;}
		div.meni li a:hover{text-decoration: underline; cursor: pointer; color: #243a4a;}
		div.meni li a.klavora-predstavitev{background: url(elektro-klavora/i-klavora-predstavitev.png) top center no-repeat;}
		div.meni li a.klavora-predstavitev:hover{background: url(elektro-klavora/i-klavora-predstavitev-h.png) top center no-repeat;}
		div.meni li a.elektro-storitve{background: url(elektro-klavora/i-elektro-storitve.png) top center no-repeat;}
		div.meni li a.elektro-storitve:hover{background: url(elektro-klavora/i-elektro-storitve-h.png) top center no-repeat;}
		div.meni li a.klavora-reference{background: url(elektro-klavora/i-klavora-reference.png) top center no-repeat;}
		div.meni li a.klavora-reference:hover{background: url(elektro-klavora/i-klavora-reference-h.png) top center no-repeat;}
		div.meni li a.klavora-partnerji{background: url(elektro-klavora/i-klavora-partnerji.png) top center no-repeat;}
		div.meni li a.klavora-partnerji:hover{background: url(elektro-klavora/i-klavora-partnerji-h.png) top center no-repeat;}
		div.meni li a.klavora-kontakt{background: url(elektro-klavora/i-klavora-kontakt.png) top center no-repeat;}
		div.meni li a.klavora-kontakt:hover{background: url(elektro-klavora/i-klavora-kontakt-h.png) top center no-repeat;}
		
	.vsebinski-del{width: 100%; float: left; margin-top: 30px;}
		.zaobljen-del-zg{width: 100%; height: 18px; float: left; background: url(elektro-klavora/vsebina-zg.png) center no-repeat;}
		.bela-podlaga{width: 100%; background: #ffffff; text-align: center; float: left;}
		.vsebina{width: 750px; margin: 0 auto; margin-bottom: 20px; text-align: left;}
		
		ul#storitve{font-weight: bold;}
		ul#storitve li{padding: 3px 0; list-style: circle !important; margin-left: 20px;}
		ul#storitve img{margin: 0; padding: 1px; border: 1px solid #CCC;}

	.okvirji-slider{width: 100%; float: left; margin-top: 10px;}
	
		ul#partnerji{text-align: center;}
		ul#partnerji li{margin: 40px; margin-top: 0; list-style: none !important; float: left; width: 160px;}
		ul#partnerji li a{line-height: 20px;}
		
		.ostali{width: 90%; float: left;}
		.tretjina{width: 40%; float: left; padding-left: 60px;}
		.tretjina ul{ margin-bottom: 30px;}
		.tretjina ul li{line-height: 30px; list-style-type: disc !important;}
		
		.gumbKontakt{padding: 10px; background-color: #b70000; color: #fff; text-decoration: none; float: left; margin-bottom: 30px; display: inline-block;}
		.gumbKontakt span{font-family: Arial, Helvetica, sans-serif;}

	
	.footer{width: 100%; float: left; text-align: center; margin: 25px 0;}
		.copyright{width: 200px; margin: 0 auto;}
			.znak{float: left;}
			.maloTeksta{float: right; text-align: center; font-size: 12px;}
				.maloTeksta a{font-weight: normal; text-decoration: none;}
				
	.zahvala{background: #acbe46; -moz-border-radius: 15px; border-radius: 15px; padding: 20px; font-weight: bold;}
	

	.cookie-obvestilo{
		position: fixed;
		bottom: 0;
		z-index: 557;
		width: 100%;
		background-color: #c3c8de;
		opacity:0.9;
		filter:alpha(opacity=90);
		color: #252e65;
		font-size: 14px !important;
		padding: 40px;
		font-weight: bold;
		display: none;
		}