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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a{text-decoration:none;}
a{
	color:#c7c7c7;
}
a:hover{
	color:#724601;
}
	

/**********MENI************/

#meni ul{
	position:absolute;
	height:180px;
	list-style-type:none;
	margin-left:30px;
	margin-top:250px;
	margin-bottom:30px;
	border-left:7px solid #472f0d;
	z-index:999;
}
#meni li{
	float:left;
	clear:both;
	padding-left:5px;
	padding-right:15px;
	font-size: 22px; 
	font-family: "Century Gothic", Arial;
}
#meni ul li a{
	font-size: 24px; 
	font-family: "Century Gothic", Arial;
	color:#654313;
	line-height:20px;
}
#meni li a:hover{
	color:#d77f01;
}
#meni span{
	color:#d77f01;
}

/***********HOME*************/

body{
	background:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#omotac{
	width: 980px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background:url(images/bg.jpg) top left no-repeat;
	background-color:black;
	min-height:800px; 	
}
#meni-omotac{
	width:980px;
	position:relative;
}
.pocetna-content{
	width:450px;
	margin-top:450px;
	position:relative;
	float:left;
	margin-bottom:30px;
}
.pocetna-content-desno{
	width:517px;
	margin-top:550px;
	position:relative;
	float:left;
}
.highpower{
	font-family:"Century Gothic", Arial;
	font-size:16px;
	color:#b0b0b0;
	clear:both;
	text-align:center;
}
.pocetna-text{
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color:#b0b0b0;
}
.pocetna-text span{
	font-family:"Impact","Century Gothic", Arial;
	font-size:24px;
	color:#adacac;
}
.pocetna-text strong{
	color:#d49600;
	font-weight:normal;
}
.futer-omotac{
	width:980px;
	border-top:1px solid #454545;
	min-height:100px;
	clear:both;
	padding:30px 20px;
}
.futer-text{
	font-family:Arial, Helvetica, sans-serif;
	color:#474646;
	font-size:14px;
	float:left;
	margin-left:25px;
}
.futer-text span{
	font-size:18px;
}
.float{
	float:left;
}
.footer-right{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#484848;
	text-align:right;
	position:relative;
	float:right;
	vertical-align:middle;
	width:400px;
	height:50px;
	line-height:18px;
	margin-right:20px;
	margin-top:100px;
}
.logomida
{
	vertical-align:middle;
	display:inline;
	margin-bottom:4px;
}
.highpower-omotac{
	width:980px;
	margin-top:450px;
	margin-bottom:30px;
	float:left;
	position:relative;
}
.highpower-omotac2{
	width:980px;
	float:left;
	position:relative;
}
.info-omotac1{
	width:830px;
	margin:20px 75px 0px 75px;
	position:relative;
	float:left;
}
.info-omotac2{
	width:276px;
	position:relative;
	float:left;
}
.gasinfotekst{
	font-family:"Century Gothic", Arial;
	font-size:12px;
	color:#c6c6c6;
	text-align:left;
	margin:0px 30px 0px 30px;
	float:left;
	position:relative;
	clear:both;
}
h1{
	font-family:"Century Gothic", Arial;
	font-size:36px;
	color:#724601;
	text-align:center;
}
.info{
	width:980px;
	position:relative;
	float:left;
	font-family:"Century Gothic", Arial;
	font-size:12px;
	color:#c7c7c7;
	text-align:left;
}
.info span{
	font-size:24px;
	color:white;
}
.info strong{
	font-size:14px;
	font-weight:normal;
}
.kontakt{
	width:250px;
	margin:30px 13px 30px 13px;
	position:relative;
	float:left;
	font-family:"Century Gothic", Arial;
	font-size:12px;
	color:#c7c7c7;
	text-align:left;
}