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

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	z-index: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background:url(../images/back.jpg) center top repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;

}

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	height: 950px;
}

#logo {
	widtht: 294px;
	height: 108px;
}
#nav {
	margin-top: -50px;
	margin-left: 370px;
	width: 610px;
	height: 22px;
}
.navlist {display:inline; list-style: none}
a.prices {
background:transparent url(../images/en_nav_prices.png) no-repeat scroll -48px 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:50px;
margin-right:15px;
}
a.howtofindus {
background:transparent url(../images/en_nav_how.png) no-repeat scroll 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:120px;
margin-right:15px;
}
a.howtofindus:hover {
background-position:-120px 0;
}
a.virtualtour {
background:transparent url(../images/en_nav_virtualtour.png) no-repeat scroll 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:88px;
margin-right:15px;
}
a.virtualtour:hover {
background-position:-87px 0;
}
a.reservation {
background:transparent url(../images/en_nav_reservation.png) no-repeat scroll 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:90px;
margin-right:15px;
}
a.reservation:hover {
background-position:-91px 0;
}
a.gallery {
background:transparent url(../images/en_nav_gallery.png) no-repeat scroll 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:58px;
margin-right:15px;
}
a.gallery:hover {
background-position:-56px 0;
}
a.links {
background:transparent url(../images/en_nav_links.png) no-repeat scroll 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:43px;
margin-right:15px;
}
a.links:hover {
background-position:-42px 0;
}
a.contact {
background:transparent url(../images/en_nav_contact.png) no-repeat scroll 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:64px;
}
a.contact:hover {
background-position:-63px 0;
}
.lang1 {font-size: 11px; color:#526381;}
.lang1:link {color:#FFF; text-decoration: none;}
.lang1:hover {color:#FFF; text-decoration: underline;}
.lang1:visited {color:#FFF; text-decoration: none;}
.lang1:visited:hover {color:#FFF; text-decoration: underline;}
.lang2 {font-size: 11px; color:#526381;}
#lang { 
margin-left: 860px;
margin-top: -70px;
}
#title {
	margin-top: 120px;
	margin-left: 15px;
}
#soba1 {
	width: 304px;
	height: 285px;
	margin-left: 15px;
	margin-top: 80px;
}
#soba2 {
	width: 304px;
	height: 285px;
	margin-left: 340px;
	margin-top: -285px;
}
#soba3 {
	width: 304px;
	height: 285px;
	margin-left: 665px;
	margin-top: -285px;
}
h2 { font-size: 18px; color: #4f4f4f;}
.f14 { font-size: 14px; color: #4f4f4f; line-height: 30px; margin-bottom: 5px;}
.f141 { font-size: 14px; color: #4f4f4f; line-height: 20px; margin-bottom: 10px;}
.f142 { font-size: 13px; color: #4f4f4f; line-height: 28px; margin-left: 35px;}
.price { font-size: 18px; color: #405272; font-weight: bold;}
.slika { margin-right: 5px;}
#includes1 {
	height: 150px;
	width: 250px;
	margin-left: 15px;	
	margin-top: 50px;
	background: url(../images/includes1.jpg) no-repeat;
}
#includes2 {
	height: 150px;
	width: 250px;
	margin-left: 270px;	
	margin-top: -120px;
		background: url(../images/includes2.jpg) no-repeat;
}
.includ {
	margin-left: 2px;
	color: #4f4f4f;
	font-size: 14px;
	margin-bottom: 20px;
}
#futer {
	background:url(../images/futer_back.png) repeat-x #131313;
	position: relative;
	height: 300px;
}
#container2 {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#futerhostel {
	width: 160px;
	background: url(../images/futer_hostelnis.png) no-repeat; 
	padding-top: 68px;
	padding-left: 110px;
	margin-left: -10px;
}
.futertekst { font-size: 11px; color: #939292; line-height: 18px;}
.futertekst1:link { color: #fff; text-decoration: none;}
.futertekst1:hover { color: #fff; text-decoration: underline;}
.futertekst1:visited { color: #fff; text-decoration: none;}
.futertekst1:visited:hover { color: #fff; text-decoration: underline;}

#social { 
height: 120px;
width: 130px;
margin-left: 850px;
margin-top: -158px;
}
#socialbuttons {
	margin-left:3px;
	position:inherit;
}
.navlist1 {display:inline; list-style-type:none;}
a.facebook {
background:transparent url(../images/facebook.png) no-repeat scroll 0 0;
display:block;
height:33px;
text-decoration:none;
width:88px;
margin-right:6px;
}
a.facebook:hover {
background-position:-88px 0;
}
a.myspace {
background:transparent url(../images/myspace.png) no-repeat scroll 0 0;
display:block;
height:33px;
text-decoration:none;
width:88px;
margin-right:6px;
margin-top: 5px;
}
a.myspace:hover {
background-position:-88px 0;
}
#recognition {
	background:url(../images/en_recognition.png) no-repeat;
	height: 120px;
	width: 235px;
	padding-top: 39px;
	padding-left:10px;
	margin-left: 275px;
	margin-top: -111px;
}
.floatleft {
	float: left;
	margin-right: 15px;
}
#balkans {
	background:url(../images/en_balkans.png) no-repeat;
	height: 120px;
	width: 235px;
	padding-top: 39px;
	padding-left:15px;
	margin-left: 540px;
	margin-top: -159px;
}
#copyright {
	width: 300px;
	margin-left: -910px;
	margin-top: 50px;
}
.tamnosivo { color: #474747; font-size: 11px; line-height: 15px; text-align: right;}
#design {
	width: 300px;
	margin-left: -180px;
	margin-top: -16px;
}
	a.twitter {
background:transparent url(../images/twitter.png) no-repeat scroll 0 0;
display:block;
height:33px;
text-decoration:none;
width:88px;
margin-right:6px;
margin-top: 5px;
}
a.twitter:hover {
background-position:-88px 0;
}