/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #7b584a;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	text-align: center;
	background-image: url(../app_themes/okrugljak/images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #370900;
	font-size: 75%;
	line-height: 160%;
}


a {
	color: #7e4234;
	text-decoration: none;
    	outline: none;
}

a:link {
	color: #7e4234;
	text-decoration: none;
}

a:visited {
	color: #7e4234;
	text-decoration: none;
}

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


p {
	margin: 5px 0 5px 0;
}

ul {
	margin-top: 0;
	list-style-type: circle;
}

hr {
 	height: 1px;
	background-color: #e2dcd2;
	color: #e2dcd2;
	border: 0px;
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}


form {
	margin: 0px;
}

h1 {
	color: #652e02;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 100%;
}

h2 {
	color: #652e02;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 135%;
	font-weight: bold;
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 100%;
}

h3 {
	color: #393939;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	margin: 5px 0 10px 0;
	padding: 0;
	line-height: 100%;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


.outerWrapper  {
	width: 785px;
	margin: 0 auto; /* align div to center */
	margin-top: 48px;
	padding: 0px;
	text-align: left;
	background-image: url(../app_themes/okrugljak/images/page_top_bg.gif);
	background-repeat: no-repeat;
	background-color: #f6e9e2;
}

.headerTop {
	width: 785px;
	height: 30px;
	background: url(../app_themes/okrugljak/images/header_top.gif) #eddfd7 no-repeat;
 	text-transform: uppercase; 
	font-size: 10px; 
	line-height: 30px;
	font-family: "Times New Roman", Times, serif;
}


.header {
	width: 785px;
	height: 187px;
	background-image: url(../app_themes/okrugljak/images/header_img.jpg);
	background-repeat: no-repeat;
}

.header a {
	display: block;
	width: 785px;
	height: 187px;
}


.content {
	width: 785px;
	padding-bottom: 20px;
	background-color: #f6e9e2;
	background-image: url(../app_themes/okrugljak/images/content_bg.gif);
	background-repeat: repeat-y;
	clear: both;
}

.contentTop {
	width: 785px;
	height: 32px;
	background: url(../app_themes/okrugljak/images/content_top_bg.gif) #e9d6cb repeat-x;
	clear: both;
}

.footer {
	font-size: 1px;
	background: url(../app_themes/okrugljak/images/footer.gif) no-repeat;
	height: 7px;
}


/***********************************************/
/* Components                                  */
/***********************************************/

.col1 {
	width: 299px;
	float: left;
}

.col2 {
	width: 486px;
	float: left;
}

.boxLeft1 {
	height: 125px;
	padding: 20px 0 0 54px;
	background-repeat: no-repeat;
}

.boxRight1 {
	padding: 20px 20px 0 20px;	
	background-repeat: no-repeat;
}

.footerInfo {
	color: #613e36;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 30px
}

/************ horizontal menu ****************/

.menu {
	margin: 0px;
	padding: 0;
	padding-left: 115px;
	list-style: none;
	float: left;
	background: url(../app_themes/okrugljak/images/menu_bg.gif) #823c03 no-repeat;
	width: 670px;
}

.menu a {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	height: 39px;
	line-height: 39px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-image: url(../app_themes/okrugljak/images/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
	float: left;
	padding: 0 6px 0 6px;
}

.menu a.active:link, .menu a.active:visited {
	color: #e8ccb5;
}

.menu a:link, .menu a:visited {
	color: #e8ccb5;
}

.menu a:hover {
	color: #fff;
	text-decoration: underline;
}

.menu li {
	background-image: url(../app_themes/okrugljak/images/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: right; 
	display: inline; /* Removes gaps in IE/WIN */
}

/**************** Thumb Galeries ****************/

.thumb1,
.thumb2 {
	background: #e6cebe url(../app_themes/okrugljak/images/imageFrame1_bg.gif) repeat-x;
	padding: 5px;
	float: left;
	margin: 0 10px 10px 0;
}

.thumb2 {
	margin: 0 10px 2px 0;
}

.thumb1 img,
.thumb2 img { 
	border: 0;
}


/**************  pagination  *****************/

.paginationBox {
	margin: 20px 0 0 0;
	clear: both;
}


UL.paging {
 	margin: 0; 
 	padding: 0; 
  	list-style: none;
	float: left;
}

UL.paging a {
	font-size: 11px;
	color: #e5e5e5;
	background-color: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
   	text-decoration: none;
	text-align: center;
  	display: block;
 	width: 20px;
  	height: 15px;
 	line-height: 15px;
	float: left;
	margin: 0 4px 0 0;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #fbfbfb;
}

ul.paging a:link, ul.paging a:visited {
	color: #b4b4b4;
	background-color: #e5e5e5;
}
 
ul.paging a:hover {
	color: #fff;
    	text-decoration: none;
	background-color: #bfc5bc;
}
 
ul.paging li {
 	display: inline; /* Removes gaps in IE/WIN */
}


UL.paging a.active, UL.paging a.active:visited {
	color: #fff;
	font-weight: bold;
	border-top: 2px solid #aeb4aa;
	border-bottom: 2px solid #dde1dc;
  	background-color: #bfc5bc;
}


/**************** Text styles ****************/

.whiteText, .whiteText a, .whiteText a:visited {
	color: #fff;
}

.grayText, .grayText a, .grayText a:visited {
	color: #a8a8a8;
}

.lightBrownText, .lightBrownText a, .lightBrownText a:visited {
	color: #e3cfc3;
}

.lightBrownText2, .lightBrownText2 a, .lightBrownText2 a:visited {
	color: #a7877b;
}

.darkGrayText, .darkGrayText a, .darkGrayText a:visited {
	color: #727272;
}

.brownText, .brownText a, .brownText a:visited {
	color: #9e5921;
}

.darkBrownText, .darkBrownText a, .darkBrownText a:visited {
	color: #652e02;
}



/**************** MISC **********************/

.galleryThumbWrap {
	width: 79px;
	float: left;
}

.icnSpace {
	margin-right: 5px;
	vertical-align: middle;
}

.icnDetails {
	background: url(../app_themes/okrugljak/images/icn_details.gif) no-repeat center left;
}
.bg1 {
	background: url(../app_themes/okrugljak/images/rezervacije_bg1.gif) no-repeat;
}
.bg2 {
	background: url(../app_themes/okrugljak/images/topClanak_bg1.gif) no-repeat;
}
.bg3 {
	background: url(../app_themes/okrugljak/images/rezervacije_bg2.gif) no-repeat;
}
.bg4 {
	background: url(../app_themes/okrugljak/images/right_col_bg.gif) no-repeat;
}
.bg5 {
	background: url(../app_themes/okrugljak/images/kontakt_bg1.gif) no-repeat;
}

.height141 {
	height: 141px;
}


/************** Form **********************/

input, textarea, select {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica;
	color: #464646;
	vertical-align: middle;
}


input.fieldSearch {
	background: url(../app_themes/okrugljak/images/field_search_bg.gif) no-repeat;
	_background-attachment : fixed; /* IE hack */
	width: 124px;
	border: 0;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
}

input.btnSearch {
	border: 0;
	vertical-align: middle;
}

input.textbox {
	border: 1px solid #999;
	padding: 3px;
	width: 150px;
}

select {
	font-size: 12px;
}

select.selBox1 {
	width: 160px;
}


/*#PagerControl styles/#*/

.PagerControl {
	clear: both	
}