/* top elements */
* {
	margin: 0; padding: 0; 
} 
body {
	margin: 0;
	font: 71%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif;
	color: black;
	background-color:#FFFFFF;
	text-align: center;
	padding-left: 5px;			
}


/*Sadrzaj*/


#glavna {
	margin: 0;
   	width: 1000px;  	
	text-align: left;		
	background: #FFFFFF;	
}

#sadrzaj {
	clear:both;
	margin: 0px 0px 0px 20px;
	padding:0;
	width: 960px;
	text-align: left;
	
	
}
/*obavijest*/
#enable {
	width:1000px;
	font-size: 14px;
	text-align: center;
	
}

/* top navigation*/

#topmenu {
	clear: both;
	margin: 0; padding: 0;	
}
#topmenu ul {	
	position: relative; 
	bottom: 2px; top: 0px;
	margin: 0; padding: 0;	
	float: left;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	width: 1000px;/* 775px; */
	border-bottom: 1px solid #999999;
	list-style: none;
}
#topmenu ul li{
	display: inline;	
}
#topmenu ul li a {	
	position: relative;
	float: left;
	color: #444444;
	padding: 0px 16px;
	text-decoration: none;
}
#topmenu ul li a:hover{
	color: #444444;
	background-color: #DEBD8B; 
	
}


h1, h2, h3, h4, h5, h6 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	text-transform: uppercase;
	color: #444444;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; text-transform: none;}
h3 { font-size: 1.2em; text-transform: none;}
h4 { font-size: 1.4em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.1em; text-transform: none;}


#leftnav h1 {
	padding: 6px 0px 1px 30px;
	background: url(images/arrow.gif) no-repeat 2px 7px;
	margin: 0;
	border-bottom: 1px solid #999999;
}

#leftnav h2 {
	padding: 1px 0px 1px 30px;
	background: url(images/arrowsmall.gif) no-repeat 2px 5px;
	margin: 0px 0px 0px 30px;	
}

#leftnav h2 a:hover {
	color: #DEBD8B;
}

#rightnav h2 {
	padding: 1px 0px 1px 5px;
	margin: 0;
	text-transform: uppercase;
}

#rightnav h3 {
	padding: 1px 0px 1px 15px;
	margin-left: 10px;
	background: url(images/mark.gif) no-repeat 2px 6px;
}
	
#sredina h4 {
	border-top: 2px solid #999999;
	color: #CC6600;
}

#sredina h3 {
	border-top: 2px solid #999999;
	padding-top: 10px;
	padding-left: 15px;
	text-decoration: underline;
	color: #CC6600;
}

#sredina h4 img {
	margin-right: 20px;
	margin-top: 5px;
	width: auto; height: 30px;
	float: left;
}


#sredina a {
	padding-left: 20px;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#444444;
}

a:hover {
	color:#8EACDE;
	text-decoration:none;
}

p, h1, h2, h4, h5 {
	margin: 10px 15px;
}


#leftnav {
	float: left;
	width: 22%;
	margin: 0;
	padding: 0px 0px 20px 2px;
	display: inline;
}


#sredina {
	float: left;
	width: 49%;
	margin: 0px 20px 20px 20px;
	padding: 20px 5px 0px 5px;
	display: inline;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	border-bottom: solid #999999 1px;
	text-align: justify;
}


#rightnav {
	float: left;
	width: 21%;
	margin: 0;
	padding: 20px 0px 0px 0px;
	display: inline;
}


#store {
	float: left;
	margin: 0;
	padding: 20px 0px 20px 100px;
	display: inline;
	width: 95%;
}

#links {
	float: left;
	margin: 0px 20px 20px 20px;
	padding: 20px 8px 0px 8px;
	display: inline;
	text-align: justify;
	width: 70%;
}

#links h5 {
	border-bottom: solid #999999 1px;
}

#result {
	float: left;
	margin: 0px 20px 20px 20px;
	padding: 20px 8px 0px 8px;
	display: inline;
	border-left: solid #999999 1px;
	width: 70%;
}

#photoalbum {
	float: left;
	margin: 0px 10px 20px 20px;
	padding: 10px 8px 8px 8px;
	display: inline;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	border-bottom: solid #999999 1px;
	text-align: justify;
	width: 100%;
}

#photobottom {
	font-size:9px;
	text-align:center;
	padding-bottom:30px;
	color:#FF0055;
}
#photobottom a {
	color:#FF0055;
}

#photobottom a:hover {
	text-transform: uppercase;
	color:#FF0055;
}



#rightphoto {
	padding-top: 100px;
	float: right;
}

#photoalbum a {
	text-decoration:underline;
}

#photoalbum h1 {
	border-bottom: solid #999999 1px;
}


#photoalbum td {
	border: solid #999999 1px;
	height: 120px; width: 120px;
	text-align: center;
}

#photoalbum img {
	height: 75px;
	border: 0;
}

#razmak {
	height:30px;
}


#bottom {
	width: 1000px;
	margin-top: 20px;
	padding: 0;
}
img.sredina {
	margin: 5px 8px 7px 8px;
}

img.right {
	margin: 5px 0px 7px 8px;
	float: right;
}
img.left {
  margin: 5px 8px 7px 0px;
  float:left;
}


#sredinalijevo {
	width: 34%;
	padding: 30px 10px 10px 10px;
	float: left;
}

#sredinadesno {
	width: 48%;
	padding: 10px 10px 10px 10px;
	float: right;
}

#sredina h1 {
	border-bottom: solid #999999 1px;
	color: #CC6600;
}

#sredina p {
	margin-bottom: 20px;
}

h1.prva {
	margin-top: 40px;
}


#zajedno {
	width:92%;
	height:190px;
	border: solid #8EACDE 4px;
	background-color: #DEBD8B;
	margin-left: 15px;
}
	
#zajedno2 {
	width:92%;
	height:170px;
	border: solid #DEBD8B 4px;
	background-color: #8EACDE;
	margin-left: 15px;
}

#floatright {
	float: right;
	margin: 15px 14px 15px 0px;
	width: auto;
}

#rightnav p {
	margin-top: 25px;
}

#leftnav p {
	margin-top: 25px;
	text-align:center;
}
#leftnav p img {
	float:right;
	margin-bottom: 10px;
	margin-top: 10px;
}


#linktext {
	text-align: right;
	width: 200px;
}

#linktext a {
	font-size: 14px;
	font-weight:bold;
	color: #CC6633;
}



#linktext2 a {
	font-size: 14px;
	font-weight:bold;
	color: #CC6633;
}

linktext2 a:hover {
	color: #339999;
}
 
#linktext a:hover {
	color: #339999;
}


#linktext3 a {
	font-size:9px;
	color:#444444;
	text-decoration:underline;
	padding:2px;
}

#linktext3 a:hover {
	color:#CC6633;
}

a.prva {
	font-size:25px;
	color: #DEBD8B;
	padding-top: 25px;
}

a.prva:hover {
	color: #8EACDE;
}	

#editable {
	margin-top: 10px;
}

#reklama {
	width: 83%;
	border: solid #444444 2px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
}

#reklama2 {
	width: 83%;
	border: solid #4D77F4 2px;
	text-align: center;
	font-size: 14px;
	color: #4D77F4;
	background-color: #FFCC66;
	font-weight: bold;
	margin-left: 15px;
}


#reklama2lijevo {
	border: solid #4D77F4 2px;
	text-align: center;
	font-size: 14px;
	color: #4D77F4;
	background-color: #FFCC66;
	font-weight: bold;
	width: 150px;
	float: right;
	margin-right: 15px;
}

#reklama3 {
	width: 83%;
	border: solid #981CF1 2px;
	text-align: center;
	color: #981CF1;
	background-color: #FFFF33;
	font-weight: bold;
	margin-left: 15px;
}


#weather{
	border: solid #444444 1px;
	text-align: center;
	font-weight: bold;
}

#fotolijevo {
	float: left;
	width: 12%;
	padding-top: 20px;
	padding-left: 20px;
	text-align: center;
}

#fotosredina {
	width: 60%;
	margin: 0px 10px 20px 10px;
	padding-bottom: 20px;
	border: solid #999999 1px;
	float: left;
	text-align:center;
}

#fotosredina img {
	padding-top: 5px;
	border: solid #999999 1px;
}
	

#fotodesno {
	width: 21%;
	float: left;
	text-align: justify;
	padding-top: 50px;
	border-bottom: solid #999999 1px;
	border-right: solid #999999 1px;
}

#fotolijevo1 h6 {
	padding: 1px 0px 10px 1px;
	margin: 0;
	text-transform: uppercase;
	text-decoration:underline;
}

#fotolijevo1 a {
	color:#444444;
	text-decoration:underline;
}

#fotolijevo1 a:hover {
	color:#444444;
}

#fotolijevo1 a:visited {
	color:#444444;
}

#fotolijevo2 h2 {
	padding: 5px 0px 5px 1px;
	margin: 0;
	text-transform: uppercase;
	color:#444444;
}


#fotolijevo2 a {
	padding-left:2px;
	padding-right:2px;
	color:#444444;
}

#fotolijevo2 a:hover {
	color:#444444;
}

#fotolijevo2 a:visited {
	text-decoration:line-through;
	color:#444444;
}

div.map {
	padding-top: 5px;
}

#bottomlink a {
	padding-left: 0px;
	text-decoration: underline;
	color:#CC6600;
}

#bottomlink a:hover {
	color: #CC9900;
}


#links a {
	padding-left: 0px;
	text-decoration: none;
	color:#cc6600;
}

#links a:hover {
	color: #444444;
}

table.linksmain {
	border-bottom: solid 1px #999999;
	width:100%;
}


#sitemap {
	width: 700px;
	float: left;
	padding: 30px 0px 30px 120px;
	margin: 0;
}
	
#sitemap h5 {
	text-transform: none;
}

#sitemap h5 a {
	color: #9900CC;
	text-decoration: underline;
	text-transform: uppercase;
}

#sitemap h5 a:hover {
	color:#becc00;
}

#sitemap h3 {
	padding-left: 80px;
}

#sitemap h3 a {
	color: #000099;
}

#sitemap h3 a:hover {
	color:#996600;
}

#sitemap h2 {
	padding-left: 30px;
}

#sitemap h2 a {
	color: #990033;
	text-transform: uppercase;
}

#sitemap h2 a:hover {
	color:#659009;
}

#sitemap h6 {
	padding-left: 120px;
}

#sitemap h6 a {
	color: #9900CC;
}

#sitemap h6 a:hover {
	color:#becc00;
}
	
#sredina h5 {
	color: #CC6600;
}

#sredina h2 {
	color: #CC6600;
}

div.ad {
	float: left;
}
	
div.adright {
	float: right;
	height: 140px;
}	

.hostel_link a {
font-size:12px;
text-decoration:underline;
}

.hostel_link a:hover {
text-transform:uppercase;
color: #444444;
text-decoration:none;
}

.hostel_link2 a {
color:#CC6600;
padding-bottom:20px;
}

.hostel_link2 a:hover {
text-decoration:none;
color:#CC6600;
text-decoration:underline;
}

#fotosredina2 {
	width:55%;
	float:left;
}

#resources {
	width:800px;
	margin:10px 100px;
	text-align:left;
}

#resources a {
	font-size:10px;
	padding-right:4px;
	color: #CC6600;
	text-decoration:underline;	
}

#weatheraccu {
	margin-left:18px;
}