/* http://meyerweb.com/eric/tools/css/reset/ 

	   v2.0 | 20110126

	   License: none (public domain)

	*/



	html, body, div, span, applet, object, iframe,

	h1, h2, h3, h4, h5, h6, p, blockquote, pre,

	a, abbr, acronym, address, big, cite, code,

	del, dfn, em, img, ins, kbd, q, s, samp,

	small, strike, strong, sub, sup, tt, var,

	b, u, i, center,

	dl, dt, dd, ol, ul, li,

	fieldset, form, label, legend,

	table, caption, tbody, tfoot, thead, tr, th, td,

	article, aside, canvas, details, embed, 

	figure, figcaption, footer, header, hgroup, 

	menu, nav, output, ruby, section, summary,

	time, mark, audio, video {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		font: inherit;

		vertical-align: baseline;

	}

	/* HTML5 display-role reset for older browsers */

	article, aside, details, figcaption, figure, 

	footer, header, hgroup, menu, nav, section {

		display: block;

	}

	body {

		line-height: 1;

	}

	ol, ul {

		list-style: none;

	}

	blockquote, q {

		quotes: none;

	}

	blockquote:before, blockquote:after,

	q:before, q:after {

		content: '';

		content: none;

	}

	table {

		border-collapse: collapse;

		border-spacing: 0;

	}





	/* ______ ZAHAR - osnova

	___________________________________________________________________________ */



	body {

		font-family: 'Roboto Slab', Arial, sans-serif;

		color: #000000;

		font-size: 1.1em; /* 1em = 100% */

		line-height: 1.3em;

		text-align: left;

		background-color: #f4f4ed;

	}



	/* da je odmik od dna */

	footer {

		padding-top: 40px;

		clear:both;

	}





	/* da se strike ustrezno prilagajajo fotke - velja za vse fotografije na strani */

	img {

		max-width: 100%;

		width: 100%;

		display: block;

		clear: both;

	}



	#ovoj {

		width: 100%;

		clear: both;

	}



	/* ______ POVEZAVE

	___________________________________________________________________________ */



	/* splošne povezave */

	a:link, a:visited, a:active {

		color: #afae9b; 

		text-decoration: none; 

	}



	a:hover {

		color: #78775e; 

		text-decoration: none; 

	}





	/* ______   VELIKOSTI PISAV IPD.

	___________________________________________________________________________ */



	/* samo za ALT če se logo ne naloži */

	h1 {

		letter-spacing: 0.05em;

		font-size: 1.6em;

		line-height: 1em;

	}



	h2 {

		letter-spacing: 0.05em;

		font-size: 1.85em;

		line-height: 1.1em;

		font-weight: normal;

	}



	p {

	}



	.italic {

		font-style: italic;

	}



	.bold {

		font-weight: bold;

	}





	/* ______   GLAVA IN LOGOTIP

	___________________________________________________________________________ */



	.glava {

		/* border-bottom: 12px solid #FFFFFF;  */


		position: relative;

		text-align: center;

	}



	.glavaLogo {

		position: absolute; 

		bottom: 10%; 

		left: 17%;

		z-index: 999;

		width: 400px;

		height: 105px;

	}



	.glavaFoto {

		position: relative; 

		width: 100%;

		height: auto;

	}

		.button {

			background-color: black;
			padding: 20px;
			margin: 100px;




	}
		.pasica {

		width: 100%;

		height: 30px;

		background-color: black;

		padding: 15px;

		text-align: center;

	}




	/* ______   PODATKI ZNAKA ZA OLJE IN VINO - VSE OD GLAVE DOL

	___________________________________________________________________________ */

	

	.ZaharArticle {

		padding: 40px 15% 0 15%;

	}



	.ZaharVino, .ZaharOlje {

		float: left;

		width: 200px;

	}



	.LogoSlika {

		padding: 0 0 20px 0;

		text-align: center;

	}



	.LogoTekst {

		border-top: 1px solid #000000;

		text-align: center;

		width: 100%;

		padding: 15px 0 0 0;

		font-size: 85%; /* 1em = 100% */

		line-height: 1.2em;

	}



	.Podatki {

		float: right;

		padding-top: 65px;

	}



	.odmikZG {

		padding-top: 0.5em;

	}



	.pika {

		display: none;

	}


	.finance {

		text-align: center;
		padding-top: 400px;

	}


	.finance-logo {
	max-width: 40%;
	padding-left: 30%;
	padding-bottom: 20px;
	padding top: 20px;


	}
	/* ______   MEDIA QUERIES

	___________________________________________________________________________ */




	@media all and (max-width: 1100px)

	{

		.glavaLogo {

			left: 11%;

		}



		.ZaharArticle {

			padding: 40px 9% 0 9%;

		}

	}







	@media all and (max-width: 900px)

	{

		.glavaLogo {

			left: 6%;

		}



		.ZaharArticle {

			padding: 40px 4% 0 4%;

		}

	}







	@media all and (max-width: 755px)

	{

		body {

			text-align: center;

		}



		footer {

			padding-top: 10px;

		}



		.glava {


			position: relative;

		}



		.glavaLogo {

			bottom: 50%; 

			left: 50%;

			width: 350px;

			height: 92px;

			margin: 0 0 -46px -175px;

		}



		.ZaharArticle {

			padding: 10px 10px 0 10px;

		}



		.ZaharVino, .ZaharOlje {

			clear: both;

			display: block;

			width: 100%

		}



		.ZaharOlje {

			padding-top: 48px;

		}



		.LogoSlika {

			margin: 0 auto;

			max-width: 300px;

			height: 100%;

		}



		.LogoTekst {

			max-width: 300px;

			margin: 0 auto;

		}



		.Podatki {

			clear: both;

			display: block;

			width: 100%;

			padding-top: 0;

		}



		.pika {

			display: block;

			padding: 24px 0 20px 0;

			font-size: 3em;

			color: #afae9b;

		}

		.pika2 {

			display: block;

			padding: 24px 0 20px 0;

			font-size: 3em;

			color:black;

		}

	}







	@media all and (max-width: 450px)

	{

		.glavaLogo {

			bottom: 50%; 

			left: 50%;

			width: 200px;

			height: 53px;

			margin: 0 0 -25px -100px;

		}

	}







	/* ______ OPOZORILA

	___________________________________________________________________________ */



	#noscript_opozorilo { /* ce nekdo nima vklopljenega javascripota se pojavi tole. V html nujo dati ta div na dno tik pred zakljuckom body. ker ce ne . google penalizira */

		background-color:#DD0000;

		color:#FFFFFF;

		font-family:sans-serif;

		font-size:120%;

		font-weight:bold;

		left:0;

		padding:5px 0;

		position:fixed;

		text-align:center;

		top:0;

		width:100%;

		z-index:521;

	}



	/* opozorilo ce ima kdo internet explorer 6&7 */

	#ie6-7 { 

		background-color:#DD0000;

		color:#FFFFFF;

		font-family:sans-serif;

		font-size:140%;

		left:0;

		padding:5px 0;

		position:fixed;

		text-align:center;

		top:0;

		width:100%;

		z-index:520;

	}



	#ie6-7 a:link, #ie6-7 a:visited, #ie6-7 a:active {

		color:#FFFFFF;

		font-weight: bold;

		text-decoration: underline;

		background-color: transparent;

	}



	#ie6-7 a:hover {

		color:#FFE0E0;

		text-decoration: underline;

		background-color: transparent;

	}