html
{
width: 100%;
height: 100%;
}

body {
	font-family: Segoe UI, Calibri;
	color: #cf9200;
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background-image: url(slike/ozadje.png);
}

#stran
{
position: relative;
top: 0px;
left: 0px;
margin: 0 auto;
width: 965px;
}

#glava
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 965px;
}

#trup
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 965px;
padding-bottom: 25px;
padding-left: 28px;
padding-right: 28px;
background: url(slike/sirina.png) repeat-y;
}

#noga
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 965px;
}

#glava1
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 763px;
height: 128px;
background: url(slike/bar_02.png) no-repeat;
}

#glava2
{
position: relative;
float: right;
top: 0px;
left: 0px;
width: 202px;
height: 65px;
background: url(slike/bar_03.png) no-repeat;
}
#glava3
{
position: relative;
float: right;
top: 0px;
left: 0px;
width: 202px;
height: 63px;
background: url(slike/bar_05.png) no-repeat;
}

#slikce
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 965px;
height: 272px;
background: url(slike/bar_06.png) no-repeat;
}

#menu
{
width: 965px;
height: 44px;
position: relative;
float: left;
}

#space1
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 219px;
height: 44px;
background: url(slike/bar_07.png) no-repeat;
}
#domov
{
cursor: pointer;
position: relative;
float: left;
top: 0px;
left: 0px;
width: 71px;
height: 44px;
background: url(slike/bar_8.png) no-repeat;
}
#kont
{
position: relative;
float: left;
left: 20px;
}
#ponudba
{
cursor: pointer;
position: relative;
float: left;
top: 0px;
left: 0px;
width: 91px;
height: 44px;
background: url(slike/bar_9.png) no-repeat;
}
#zanimivo
{
cursor: pointer;
position: relative;
float: left;
top: 0px;
left: 0px;
width: 119px;
height: 44px;
background: url(slike/bar_10.png) no-repeat;
}
#lokacija
{
cursor: pointer;
position: relative;
float: left;
top: 0px;
left: 0px;
width: 185px;
height: 44px;
background: url(slike/bar_11.png) no-repeat;
}
#galerija
{
cursor: pointer;
position: relative;
float: left;
top: 0px;
left: 0px;
width: 91px;
height: 44px;
background: url(slike/gal.png) no-repeat;
}
#space2
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 189px;
height: 44px;
background: url(slike/bar_12.png) no-repeat;
}
/****************  trup ************************************/


/********************  noga  ************************************/
#copy
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 782px;
height: 43px;
background: url(slike/bar_16.png) no-repeat;
}
#facebook
{
cursor: pointer;
position: relative;
float: left;
top: 0px;
left: 0px;
width: 150px;
height: 43px;
background: url(slike/bar_17.png) no-repeat;
}
#space3
{
position: relative;
float: right;
top: 0px;
left: 0px;
width: 33px;
height: 43px;
background: url(slike/bar_18.png) no-repeat;
}
#space4
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 965px;
height: 37px;
background: url(slike/bar_19.png) no-repeat;
}

#levaponudba
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 371px;
margin-top: 20px;
margin-bottom: 20px;
}

#desnaponudba
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 520px;
}
#nar1
{
position: relative;
float: left;
top: 0px;
left: 8px;
width: 19px;
height: 19px;
background: url(slike/nar_01.png) no-repeat;
}
#opis
{
position: relative;
float: left;
top: 17px;
left: 4px;
width: 330px;
color: white;
font-size: 13px;
}
#nar2
{
position: relative;
float: right;
top: 15px;
left: 0px;
width: 22px;
height: 21px;
background: url(slike/nar_02.png) no-repeat;
}
#srednjacrta
{
position: relative;
float: right;
top: 0px;
left: 0px;
width: 20px;
height: 270px;
background: url(slike/srednjacrta.png) no-repeat;
}
#posebna
{
position: relative;
float: left;
top: 14px;
left: 8px;
font-size: 16px;
}
.ponudba
{
position: relative;
float: left;
top: 18px;
left: 0px;
width: 520px;
}

.vrh
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 520px;
height: 23px;
background: url(slike/vrh.png) no-repeat;
}

.levo
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 17px;
height: 179px;
background: url(slike/levo.png) no-repeat;
}

.srednje
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 19px;
height: 179px;
background: url(slike/vmes.png) no-repeat;
}
.desno
{

position: relative;
float: right;
top: 0px;
left: 0px;
width: 19px;
height: 179px;
background: url(slike/desno.png) no-repeat;
}
.cena1
{
position: relative;
float: left;
font-size: 17px;
top: 0px;
left: 0px;
padding-top: 10px;
width: 260px;
height: 55px;
background: url(slike/levacena.png) no-repeat;
}
.cena2
{
position: relative;
float: right;
font-size: 17px;
top: 0px;
left: 0px;
padding-top: 10px;
width: 260px;
height: 55px;
background: url(slike/desnacena.png) no-repeat;
}
.prvaponudba
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 233px;
height: 179px;
background-color: #321c12;
}
.drugaponudba
{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 232px;
height: 179px;
background-color: #321c12;
}
.ponudba_slika
{
width: 190px;
height: 120px;
position: absolute;
float: right;
bottom: 20px;
right: 22px;
}
.komentar
{
width: 230px;
position: relative;
float: left;
top: 1px;
left: 5px;
color: white;
font-size: 11px;
}

.okvirponudbe
{
position: relative;
width: 898px;
height: 160px;
background-color: #1b100a;
float: left;
top: 3px;
left: 4px;
}

.naslov
{
position: relative;
float: left;
top: -3px;
left: 6px;
width: 220px;
height: 40px;
font-size: 15px;
font-style:oblique;
overflow: hidden:
}

#pos1
{
position: relative;
float: left;
top: 10px;
left: 8px;
width: 19px;
height: 19px;
background: url(slike/nar_01.png) no-repeat;
}
#pos2
{
position: relative;
float: left;
top: 34px;
right: 3px;
width: 19px;
height: 19px;
background: url(slike/nar_01.png) no-repeat;
}
#opis2
{
position: relative;
float: left;
top: 24px;
left: 4px;
width: 860px;
height: 50px;
color: white;
font-size: 13px;
}
.naslovponudba
{
text-align: left;
font-style:oblique;
position: relative;
float: left;
width: 100%;
top: 8px;
left: 8px;
padding-top: 5px;
font-size: 15px;
}
.opisponudba
{
text-align: left;
position: relative;
float: left;
width: 840px;
color: white;
left: 13px;
top: 10px;
font-size: 13px;
}

#delovnicas
{
width: 210px;
height: 100px;
position: relative;
top: 10px;
left: 13px;
background-color: #1b100a;
font-size: 15px;
text-align: left;
padding-left: 4px;
padding-top: 4px;
float: left;
}
#zemljevid
{
position: relative;
float: left;
top: 10px;
left: 5px;
width: 470px;
text-align: left;
padding-left: 5px;
padding-top: 3px;
background-color: #1b100a;
}
#opislokacije
{
width: 410px;
position: relative;
top: 20px;
background-color: #1b100a;
right: 63px;
font-size: 15px;
text-align: left;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 5px;
float: right;
}
a
{
color: #ff9c5a;
}
.branje
{
position: relative;
top: 10px;
left: 6px;
width: 430px;
float: left;
}
.okvirzanimivo
{
position: relative;
width: 440px;
height: 100px;
background-color: #1b100a;
float: left;
margin-top: 10px;
left: 4px;
}
.naslovzanimivo
{
position: relative;
text-align: left;
width: 300px;
font-size: 14px;
float: left;
top: -4px;
left: 5px;
overflow: hidden;
}
.opiszanimivo
{
position: relative;
width: 300px;
height: 60px;
font-size: 12px;
color: #FFF;
float: left;
top: 1px;
left: 7px;
text-align: left;
overflow: hidden;
}