﻿body {
margin: 0;
padding: 0;
background-color: #add4e2;
font-family: Georgia, Arial, Helvetica, sans-serif;
color: #000000;
font-size:14px;
line-height:1.4em;
text-align:justify;
}
a.a1:hover { margin-top: 0; height: 81px;}
a.a2:hover { margin-top: 0; height: 81px;}
a.a3:hover { margin-top: 0; height: 81px;}
a.a4:hover { margin-top: 0; height: 81px;}
a.a5:hover { margin-top: 0; height: 81px;}
a.a6:hover { margin-top: 0; height: 81px;}
a.a1 { display: block; width: 88px; height: 71px; background:url(images/gumbi/a1.jpg) no-repeat; margin-top: 10px;}
a.a2 { display: block; width: 88px; height: 71px; background:url(images/gumbi/a2.jpg) no-repeat; margin-top: 10px;}
a.a3 { display: block; width: 88px; height: 71px; background:url(images/gumbi/a3.jpg) no-repeat; margin-top: 10px;}
a.a4 { display: block; width: 88px; height: 71px; background:url(images/gumbi/a4.jpg) no-repeat; margin-top: 10px;}
a.a5 { display: block; width: 88px; height: 71px; background:url(images/gumbi/a5.jpg) no-repeat; margin-top: 10px;}
a.a6 { display: block; width: 88px; height: 71px; background:url(images/gumbi/a6.jpg) no-repeat; margin-top: 10px;}

a.c { display: block; width: 36px; height: 11px; background:none; }

a.gorejedan:hover { margin-top: -25px; height: 105px;}
a.gorejedan { display: block; width:170px; height:95px; background: url(images/gumbi/c1.jpg) no-repeat; margin-top: -15px; }

div#header > a.gorejedan { margin-left: 670px; }

a.b1:hover { background:none; }
a.b2:hover { background:none; }
a.b3:hover { background:none; }
a.b1 { display: block; width: 198px; height: 132px; background-image:url(images/gumbi/b1.jpg); }
a.b2 { display: block; width: 198px; height: 132px; background-image:url(images/gumbi/b2.jpg); }
a.b3 { display: block; width: 198px; height: 132px; background-image:url(images/gumbi/b3.jpg); margin-left: -4px; }

a.d1:hover { background:none; }
a.d2:hover { background:none; }
a.d3:hover { background:none; }
a.d1 { display: block; width: 195px; height: 131px; background-image:url(images/gumbi/d1.jpg); }
a.d2 { display: block; width: 195px; height: 131px; background-image:url(images/gumbi/d2.jpg); }
a.d3 { display: block; width: 195px; height: 131px; background-image:url(images/gumbi/d3.jpg); margin-left: -1px;}

div#header {
width: inherit;
height: 320px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
div#kontakt_header {
	width:220px;
	height:120px;
	background-image:url(images/radno-vr.jpg);
	background-repeat:no-repeat;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size:12px;
	background-repeat:no-repeat;
	padding-top:12px;
	padding-left:15px;
line-height:1.3em;
	margin-left:20px;
	position:absolute;
	margin-top:270px;
}
ul#goretri {
margin-top: 47px;
margin-left: 233px;
list-style: none;
padding: 0;
}
div#header > ul#goretri { margin-left: 259px; margin-top: 47px }
li#goretriclan {
width: 198px;
height: 132px;
padding: 0;
float: left;
margin-left: 26px;
}


ul#gorecetri {
margin-top: 30px;
margin-left: 150px;
list-style: none;
padding: 0;
}
div#header > ul#gorecetri { margin-left: 150px; }
li#gorecetriclan {
width: 98px;
height: 71px;
padding: 0;
float: left;
margin-left: 5px;
}

ul#goredva {
margin-top: -20px;
margin-left: 835px;
list-style: none;
padding: 0;
}
li#goredvaclan {
width: 36px;
height: 11px;
padding: 0;
float: left;
margin-left: 4px;
}
