@charset "UTF-8";
/* Hotel Aleksandar */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D3C30;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #221108;
}

a:link, a:visited, a:active {
	color: #8D0000;
	text-decoration: underline;
}

a:hover {
	color: #4B0000;
	text-decoration: underline;
}


a:focus {
    outline: none;
}



#main-container {
	margin: auto;
	padding: 0px;
	width: 990px;
}

#top-track {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 32px;
	width: 990px;
	background-image: url(../images/top-track.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#player {
	padding: 0px;
	float: right;
	height: 20px;
	width: 225px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#twitter {
	padding: 0px;
	float: left;
	height: 20px;
	width: 700px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #CAB97E;
}


#scroll {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 700px;
	white-space: nowrap;
	float: left;
}
#scroll p {
	margin: 0px;
	padding: 3px;
	font-size: 14px;
	text-transform: uppercase;
	color:#ffffff;
	background-color: #9c0000;
}

#scrollheadline {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	float: left;
	width: 160px;
}


#scrollnews {
	margin: 0px;
	padding: 13px 0px 7px 0px;
	float: left;
	height: 25px;
	width: 540px;
}

#scrollnews ul {
    display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;

}

#scrollnews li {
	display: inline;
	margin: 2px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dbd6b6;
}

#scrollnews li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dbd6b6;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

#scrollnews li a:hover {
	text-decoration: underline;
	color: #9e0b0b;
}



#top-content {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 454px;
	width: 990px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 455px;
	width: 305px;
}

#logo p {
	padding-right: 20px;
	padding-left: 35px;
	color: #b3a469;
}


#navmenu {
	margin: 0px;
	padding: 0px;
	width: 685px;
	float: left;
	text-align: center;

}

#navmenu ul{
	margin: 0;
	padding: 0;
}

#navmenu li{
	list-style-type : none;
	padding: 0;
	margin: 0;
	float: left;
}

#navmenu li a {
	text-decoration: none;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: inline;
	float: left;
	color: #61503f;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D1C3AE;
	margin: 50px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	letter-spacing: -1px;
}

#navmenu li a:hover {
	text-decoration: none;
	color: #ab0e11;
}

#navmenu .separator {
    border-right: none !important;
}


#mainpic-box {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 454px;
	width: 685px;
}

#mainpic {
	margin: 7px 0px 0px 0px;
	padding: 0px;
	height: 340px;
	width: 673px;
	float: right;
}


/* banner */


#banner						{overflow:hidden; width:670px  !important; height:300px  !important; margin:auto; padding:0px;}
#banner	div					{display:none; height:300px; padding:0 50px 0 0; margin: 0px; width:640px;}

#banner .banner_text		{color:#303030; font-size:1.2em; margin:14px 0 10px 0;}

#banner_current				{bottom:28px; left:80px; position:absolute;}

.banner_paging				{position:absolute;}

#banner_001					{display:block;}

#banner_006 form			{float:right; margin:0; width:577px;}
#banner_006 form #form_shortinputs	{float:left; width:280px;}
#banner_006 form #form_textareas	{float:right; margin:0 0 0 17px;}
#banner_006 form p			{padding:4px 0;}
#banner_006 form textarea 	{height:106px;}
#banner_006 form #btn_container	{text-align:right; width:280px;}

/*jquery*/

#jquery-container {
	height: 340px;
	width: 640px;
	margin: 0px!important;
	padding: 0px;
	float: left !important;
}

#portfolio {
	height: 340px;
	width: 640px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#portfolio ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 640px;
}

#portfolio li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}




#subnavmenu {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 47px;
	width: 660px;
}

#subnavmenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#subnavmenu li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

#subnavmenu li a {
	font-size: 14px;
	outline: none;
	color: #60707f;
	float: left;
	cursor:pointer;
	text-transform: uppercase;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

#subnavmenu li a:hover {
	color: #ab0e11 !important;
	text-decoration: none;
}


/* middle content homepage */


#middle-content {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 380px;
	width: 990px;
	background-image: url(../images/middle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#middle-content-container, #contentpage-container {
	margin: auto;
	padding: 0px;
	width: 940px;
}

.box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 313px;
}

.box a {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.naslov {
	text-align: center;
	padding: 0px;
	float: left;
	width: 313px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.text {
	margin: 0px;
	padding: 0px;
	width: 313px;
	float: left;
}

.text p {
    padding: 0px;
	margin-left: 45px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-top: 10px;
}



/* content page */




#main-content {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 663px;
	background-image: url(../images/mid-content-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#main-content-head, #main-content-foot {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 34px;
	width: 663px;
	background-position: right top;
	background-repeat: no-repeat;
}

#main-content-head {
	background-image: url(../images/mid-content-head.gif);
}

#main-content-foot {
	background-image: url(../images/mid-content-foot.gif);
}


#main-content p {
	padding-right: 30px;
	padding-left: 30px;
}

#leftside {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 229px;
}

#rightside {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 711px;
}


/* down content */



#down-content {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 440px;
	width: 100%;
	background-image: url(../images/down2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#down-content-container {
	margin: auto;
	padding: 0px;
	width: 940px;
}

#pages-box {
	margin: auto;
	padding: 0px;
	width: 200px;
}

.pages {
	width: 200px;
	height: 25px;
	float:left;
}



#footer {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	height: 60px;
	width: 100%;
	float: left;
}

#footer p {
	color: #A7A78D;
	padding-left: 5px;
	font-size: 11px;
}

#footer a {
	color: #DADAB9;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }