body{
background-image:url(../images/tapet.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#341F00;
color:#E2CB8B;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:18px;
}

#top{
width:980px;
height:123px;
background-image:url(../images/top.jpg);
margin:0px auto;
}

#head{
width:963px;
height:335px;
margin:0px auto;
}


#traka{
background-image:url(../images/traka.jpg);
height:193px;
background-position:center;
background-repeat:no-repeat;
}

#trakaIn{
width:980px;
margin:0px auto;
}


#middle{
background-image:url(../images/middle.jpg);
height:372px;
background-position:center top;
background-repeat:no-repeat;
margin-top:-1px;
}

#middleIn{
width:980px;
margin:0px auto;
}

#futer{
height:137px;
background-image:url(../images/futer.jpg);
background-position:center;
text-align:center;
font-size:10px;
padding-top:33px;
}

/*** M E N I ****/
 
ul#meniEN, ul#meniHR{
width:818px;
position:absolute;
top:89px;
left:50%;
margin-left:-315px;
}

ul#meniEN li, ul#meniHR li{
display:block;
float:left;
}

ul#meniEN li a{
display:block;
float:left;
background-image:url(/tolteam/images/meni-en.gif);
line-height:28px;
}

ul#meniHR li a{
display:block;
float:left;
background-image:url(/tolteam/images/meni-en.gif);
line-height:28px;
}

a#home{
width:69px;
background-position:0px 0px;
text-indent:-5000px;
}

a#home:hover{
background-position:0px -28px;
}

a#RestAlka{
width:140px;
background-position:-69px 0px;
text-indent:-5000px;
}

a#RestAlka:hover{
background-position:-69px -28px;
}

a#Menu{
width:68px;
background-position:-209px 0px;
text-indent:-5000px;
}

a#Menu:hover{
background-position:-209px -28px;
}

a#WineListEN{
width:92px;
background-position:-277px 0px;
text-indent:-5000px;
}

a#WineListEN:hover{
background-position:-277px -28px;
}

a#WineListHR{
width:111px;
background-position:-277px -56px;
text-indent:-5000px;
}

a#WineListHR:hover{
background-position:-277px -84px;
}

a#StaffEN{
width:72px;
background-position:-369px 0px;
text-indent:-5000px;
}

a#StaffEN:hover{
background-position:-369px -28px;
}

a#StaffHR{
width:84px;
background-position:-389px -56px;
text-indent:-5000px;
}

a#StaffHR:hover{
background-position:-389px -84px;
}

a#GalleryEN{
width:87px;
background-position:-441px 0px;
text-indent:-5000px;
}

a#GalleryEN:hover{
background-position:-441px -28px;
}

a#GalleryHR{
width:87px;
background-position:-471px -56px;
text-indent:-5000px;
}

a#GalleryHR:hover{
background-position:-471px -84px;
}

a#ContactEN{
width:187px;
background-position:-528px 0px;
text-indent:-5000px;
}

a#ContactEN:hover{
background-position:-528px -28px;
}

a#ContactHR{
width:187px;
background-position:-558px -56px;
text-indent:-5000px;
}

a#ContactHR:hover{
background-position:-558px -84px;
}

a#LinkzEN{
width:89px;
background-position:-716px 0px;
text-indent:-5000px;
}

a#LinkzEN:hover{
background-position:-716px -28px;
}

a#LinkzHR{
width:89px;
background-position:-746px -56px;
text-indent:-5000px;
}

a#LinkzHR:hover{
background-position:-746px -84px;
}

a#TrogirEN{
width:123px;
background-position:-805px 0px;
text-indent:-5000px;
}

a#TrogirEN:hover{
background-position:-805px -28px;
}

a#TrogirHR{
width:103px;
background-position:-838px -56px;
text-indent:-5000px;
}

a#TrogirHR:hover{
background-position:-838px -84px;
}

/***************************************/

#flags{
background-color:#00FF00;
position:absolute;
top:0px;
}

#left{
width:485px;
float:left;

}

#right{
width:485px;
float:left;

float:left;
}

#meniL{
width:240px;
height:160px;
position:absolute;
top:460px;
text-indent:-5000px;
background-color:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#wineL{
width:240px;
height:160px;
position:absolute;
top:460px;
text-indent:-5000px;
margin-left:240px;
background-color:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#receptiL{
width:240px;
height:160px;
position:absolute;
top:460px;
text-indent:-5000px;
margin-left:480px;
background-color:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#galerijaL{
width:240px;
height:160px;
position:absolute;
top:460px;
text-indent:-5000px;
margin-left:720px;
border:1px solid #FFFFFF;
background-color:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

h1{
font-size:26px;
font-weight:normal;
margin-bottom:20px;
}

p{
margin-top:15px;
}

#flags{
position:absolute;
top:0px;
width:200px;
text-align:right;
left:50%;
margin-left:260px;
padding-top:10px;
background-color:transparent;
}

#flags img{
margin-left:5px;
}


#GuestHold{
width:917px;
margin:0px auto;
background-color:#E5DBAA;
padding:25px;
color:#472B02;
}

#GuestHold h1{
font-size:24px;


}

#GuestHold li{
margin-bottom:10px;
}

#GuestHold h2{
font-size:18px;
margin-bottom:20px;

}

#GuestHold h3{
font-size:14px;
}

#GuestHold h3 a{
color:#721202;
}

.GuestFrmItem{
width:450px;
border:1px solid #F8F5E4;
background-color:#F8F5E4;
}


.GuestFrmBot{
width:150px;
background-color:#51300D;
color:#F8F5E4;
border:1px solid #DED99F;
padding:2px;
}

.post{
width:450px;
margin:0px auto;
margin-bottom:25px;
}

.post h3{
margin-bottom:15px;
}

#back2{
background-image:url(/tolteam/images/back.jpg);
background-position:left top;
padding:25px;
}

#back2 a{
color:#F8F5E4;
}

#back3{
background-image:url(/tolteam/images/back2.jpg);
background-position:left top;
padding:25px;
}

#back3 a{
color:#F8F5E4;
}


.formItem, .textareaA{
width:250px;
border:1px solid #A08D74;
background-color:#F8F5E4;
}

.formItem2{
width:82px;
border:1px solid #A08D74;
background-color:#F8F5E4;
}

ul#rez{
padding-top:20px;
}

ul#rez li{
margin-bottom:10px;
}

ul#rez li label{
width:95px;
display:block;
float:left;
}

.botun{
width:250px;
background-color:#51300D;
color:#F8F5E4;
border:1px solid #DED99F;
padding:2px;
}


a#lavazza{
display:block;
width:150px;
height:51px;
background-image:url(../images/lavazza.png);
text-indent:-5000px;
margin:25px auto;
}

/*****SCROLLBAR****/

#scroll-container {
margin-top: 2em;
position: relative;
height: 280px;
}

#content{
position: absolute;
top: 0;
left: 30px;
width: 435px;
clip: rect(0px, 455px, 280px, 0px);
overflow: hidden;
}

#content p:first-child{
margin-top: 0;
}

#track{
position: absolute;
left: 0;
top: 15px;
width: 16px;
height: 280px;
background: #ffde9f;
}

#handle{
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 10px;
background: #8F714B;
}

#button-up{
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 10px;
background: #8F714B;
}

#button-down {
position: absolute;
top: 300px;
left: 0;
width: 16px;
height: 10px;
background: #8F714B;
}