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

body {
	background-color:#432101;
	background-image:url(images/bg.jpg);
	margin: 0; padding: 0;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	color:#111;
}
#stage {
	width:780px;
	margin:auto;
}
#header {
	background-color:none;
	margin: 0 0 6px 45px;
	border-bottom:#FFF solid 1px;
	width:712px;
}
#header a img  {
	margin: 10px 0 10px 10px;	
	border:none 0px;
}
#content {
	background-color:#ffffff;
	background-image:url(images/bgc.jpg);
	float:left;
	width:500px;
	margin: 0 2px 0 45px;
	padding:0 65px 0 25px;
		
}
hr.slashes {
	background:transparent url(images/slash.gif) repeat scroll 0 0;
	border:0 none;
	height:10px;
	margin:-10px 0 15px;
}
#sidebar{
	/*text-align:center;
	font-size:36px;
	color:#ddd;
	border:double #ddd 3px;
	height:240px;*/
	background-color:#FFF;
	float:left;
	width:122px;
	margin:0 0 -121px 0;
	
}
#sidebar div.friends {
	border-top:1px dotted #333;
	text-align:center;
	font-size:36px;
	color:#ddd;
	width:110px;
	height:250px;
	margin-left:6px;
}
	
#footer {
	background-color:#111;
	background-image:url(images/bk.png);
	float:left;
	width:586px;
	margin: 10px 2px 10px 45px;
	border:#111 solid 2px;
}
#footer p {
	color:#ccc;
	text-align:center;
	margin:5px 0;
}
#footer p a {
	color:#ccc;
	text-align:center;
	text-decoration:none;
}
#navigation{
	width:715px;
	background-color:#111;
	background-image:url(images/bk.png);
	margin-left:45px;
}
#navigation ul{
	list-style-type:none;
	height:27px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin: 0px;
	padding:0px;
}
#navigation ul li{
	display: box;
	margin-right: 0.5em; 
	padding-right: 0.75em;
	font-weight: normal;
	text-transform:uppercase;
}
#navigation ul li a{
	float:left;
	color:#fff;
	line-height:27px;
	text-decoration:none;
	padding:0 10px 0 10px;
	height:27px;
}
#navigation ul li a.current:hover{
	background-image:url(images/bgc.jpg);
	color:#2E4560;
	background:#fff;
	border-bottom:none;
}
#navigation ul li a.a1:hover{
	background:#e6743d;
}
#navigation ul li a.a2:hover{
	background:#e3374c;
}
#navigation ul li a.a3:hover{
	background:#8ac34c;
}
#navigation ul li a.a4:hover{
	background:#7ebadd;
}
#navigation ul li a.a5:hover{
	background:#673f98;
}
#navigation ul li a.a6:hover{
	background:#eb008b;
}
#navigation ul li a.a7:hover{
	background:#FC3;
}

#navigation ul li.last{
	float:right;
	color:#fff;
	line-height:27px;
	text-decoration:none;
	padding:0 0 0 84px;
	height:27px;
	margin:0 10px 0 0;
	border-left:#432101 solid 2px;

}
#navigation ul li.fb{
	display:inline;
	float:right;
	color:#fff;
	line-height:27px;
	text-decoration:none;
	height:27px;
	padding:none;
	margin:0 -60px 0 0;

}
#navigation ul li.fb a{
	float:none;
	line-height:27px;
	text-decoration:none;
	padding:0;
	margin:0;
	height:27px;
}
#navigation ul li.fb img{
	border:none;
	margin:6px 4px 0 4px ;
}

#baneri{
	border-top:#432101 1px dotted;
	border-bottom:#432101 1px dotted;
	margin:10px;
}

#baneri img {
	margin:10px 0;
	border:none;
}

#flags {
	height:11px;
	margin:-26px 0 15px 50px;
	width:712px;
}

#flags img {
	border:none;
	float:right;
	margin:0 5px;
}

#sbf {
	height:9px;
	width:121px;
	background-color:#111;
	background-image:url(images/bk.png);
	border:#000 1px solid
}

/* Home */

#about {
	border-bottom:#432101 dotted 1px;
	margin:10px 0 30px;
}
#about p a {
	color:#096;
}

#news {
	border-bottom:#432101 dotted 1px;
	margin:0 0 30px;
}
#news h2{
	color:#633;
	padding:0 0 10px 20px;
}
#news p{
	padding:0 0 0 20px;
}
#news p.date{
	margin: -10px 0 0 0;
	color:#999;
}
#news p a {
	color:#096;
}

/*Guides*/

#guides {
	margin:10px 0 50px;
}

#guides p a {
	color:#096;
	
}
#guides img{
	float:left;
	margin:0 20px 10px 0;
}
#guides div{
	border-bottom:#432101 dotted 1px;
	padding-bottom:10px
}

/* Gallery */

#gallery {
	padding-bottom:20px;
	border-bottom:#432101 dotted 1px;
	margin-bottom:30px;
}
#copy{
	padding:0 0 5px 3px;
}
#copy a{
	font-weight:bold;
	text-decoration:none;
	color:#0063dc;
}
#copy b{
	color:#ff0084;
}

/* Contact*/

#contact {
	border-bottom:#432101 dotted 1px;
	margin:10px 0 30px;
}
#contact iframe{
	padding-left:10px;
	width:400px;
	font-family:Helvetica, Arial, sans-serif;
}
#contact p {
	padding:5px 0 10px 10px;
}

/* Why Belgrade? */

#why {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom:#432101 dotted 1px;
	margin:10px 0 30px;
	height:970px;

}
#why p a {
	color:#096;
	text-decoration:none;
}
#why a {
	color:#096;
	text-decoration:none;
}

#caja1 {
width:490px;
display: none;
padding:5px;
background-color:#FFF;
}
#naslov1 {
	display:block;
	width:500px;
	height:75px;
	background-image:url(images/why1.jpg);
}
#naslov1 h1 {
	color:#FFF;
	font-size:45px;
	margin: 5px 0 0 ;
	padding: 10px;
}
#naslov1:hover {
	background-color:#6d3c97;
	background-image:none;
}

#caja2{
width:490px;
display: none;
padding:5px;
background-color:#FFF;
}
#naslov2{
	display:block;
	width:500px;
	height:75px;
	background-image:url(images/why2.jpg);
}
#naslov2 h1{
	color:#FFF;
	font-size:45px;
	margin: 5px 0 0 ;
	padding: 10px;
}
#naslov2:hover{
	background-color:#7f3496;
	background-image:none;
}

#caja3{
width:490px;
display: none;
padding:5px;
background-color:#FFF;
}
#naslov3{
	display:block;
	width:500px;
	height:75px;
	background-image:url(images/why3.jpg);
}
#naslov3 h1{
	color:#FFF;
	font-size:45px;
	margin: 5px 0 0 ;
	padding: 10px;
}
#naslov3:hover{
	background-color:#9a2793;
	background-image:none;
}

#caja4{
width:490px;
display: none;
padding:5px;
background-color:#FFF;
}
#naslov4{
	display:block;
	width:500px;
	height:75px;
	background-image:url(images/why4.jpg);
}
#naslov4 h1{
	color:#FFF;
	font-size:45px;
	margin: 5px 0 0 ;
	padding: 10px;
}
#naslov4:hover{
	background-color:#b61990;
	background-image:none;
}

#caja5{
width:490px;
display: none;
padding:5px;
background-color:#FFF;
}
#naslov5{
	display:block;
	width:500px;
	height:75px;
	background-image:url(images/why5.jpg);
}
#naslov5 h1{
	color:#FFF;
	font-size:45px;
	margin: 5px 0 0 ;
	padding: 10px;
}
#naslov5:hover{
	background-color:#d10c8e;
	background-image:none;
}

#caja6 {
width:490px;
display: none;
padding:5px;
background-color:#FFF;
}
#naslov6 {
	display:block;
	width:500px;
	height:75px;
	background-image:url(images/why6.jpg);
}
#naslov6 h1 {
	color:#FFF;
	font-size:45px;
	margin: 5px 0 0 ;
	padding: 10px;
}
#naslov6:hover {
	background-color:#e6038c;
	background-image:none;
}



/* Guestbook */

#guesttop{
	width:590px;
	height:125px;
	background-image:url(images/guesttop.jpg);
	background-position:top left;
}

#guesttop h1{
	color:#039;
	font-size:36px;
	font-family:"Comic Sans MS", cursive;
	text-decoration:underline;
	padding:61px 0 0 100px;
	margin:0;
}

#guest {
	width:590px;
	background-image:url(images/guestbg.jpg);
	background-position:top left;
	
}

#guest p{
	color:#039;
	font-size:16px;
	font-style:oblique;
	font-family:"Comic Sans MS", cursive;
	padding:16px 0 16px 85px;
	width:435px;
	margin:0;
}
#guest p.sign{
	text-align:right;
}

#guestbot{
	width:590px;
	height:107px;
	background-image:url(images/guestbot.jpg);
	background-position:top left;
}