@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_index.jpg) center top no-repeat;
	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: 900px;
}

#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 0 0;
display:block;
height:22px;
float:left;
text-decoration:none;
width:50px;
margin-right:15px;
}
a.prices:hover {
background-position:-48px 0;
}
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;
}
#ispodnaslova1 {
	margin-top: 26px;
	margin-left: 15px;
	width: 240px;
}
#ispodnaslova2 {
	margin-left: 260px;
	margin-top: -170px;
}
#buttons {
	margin-top: 130px;
	margin-left:7px;
	position:inherit;
}
.navlist {display:inline; list-style: none}
a.crveno {
background:transparent url(images/en_crveno.png) no-repeat scroll 0 0;
display:block;
height:268px;
float:left;
text-decoration:none;
width:238px;
margin-right:4px;
}
a.crveno:hover {
background-position:-238px 0;
}
a.zuto {
background:transparent url(images/en_zuto.png) no-repeat scroll 0 0;
display:block;
height:268px;
float:left;
text-decoration:none;
width:238px;
margin-right:4px;
}
a.zuto:hover {
background-position:-238px 0;
}
a.zeleno {
background:transparent url(images/en_zeleno.png) no-repeat scroll 0 0;
display:block;
height:268px;
float:left;
text-decoration:none;
width:238px;
margin-right:4px;
}
a.zeleno:hover {
background-position:-238px 0;
}
a.plavo {
background:transparent url(images/en_plavo.png) no-repeat scroll 0 0;
display:block;
height:268px;
float:left;
text-decoration:none;
width:238px;
margin-right:4px;
}
a.plavo:hover {
background-position:-238px 0;
}
#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;
}
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;
}
#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;
}