/*
	Company: Putnik, http://www.putnik.com/
	by Halo Creative Team, http://www.haloteam.rs/
	Date (create): 05-03-2011
	Date (update): 15-03-2011

	
	******************************
	*****      Index       *****
	******************************
	@import - article.css
		box-A (article box)
		
	#contents 
		box-T (top links)
		box-F (flash)
		box-BK (booking)
		box-L (left box)
		box-I (hotels)
		box-S (social networks)
		box-H (hotels)

		box-B (banners)
		box-D (download box)
		box-G (gallery box)
		box-C (center box)
*/


/* 
	************************************
	***** 		box-T 				 *****
	Top box with links
	************************************
	width: 100%;
*/
#contents .box-T {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 100%; 
}
#contents .box-T .top {
	width: 100%; height: 8px;
	text-indent: -9999px;
}
#contents .box-T .body {
	clear: both; color: #979898;
	height: 23px; width: 100%; 
}
#contents .box-T .bottom {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}

#contents .box-T .body a { color: #4e729f; font-weight: bold; }
#contents .box-T .body a:hover { color: #c92637; }
#contents .box-T .body span { color: #c92637; font-weight: bold; }

#contents .box-T .location { width: 600px;  }
#contents .box-T .links { width: 133px; float: right; }

#contents .box-T .links a { 
	width: 11px; height: 23px;
	margin-left: 7px; float: right;	
	background: url(../../img/box-T_links.gif) 0 0 no-repeat;
	text-indent: -9999px; cursor: pointer;
}
#contents .box-T .links a:hover{ background: url(../../img/box-T_links_hover.gif) 0 0 no-repeat; }
#contents .box-T .links .on { background: url(../../img/box-T_links_on.gif) 0 0 no-repeat; }


/* 
	************************************
	***** 		box-BK 				 *****
	Download box
	************************************
	width: 237px;
*/
#contents .box-BK {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 237px; overflow: hidden;
}
#contents .box-BK .top {
	width: 100%; height: 3px;
	text-indent: -9999px;
	background: url(../../img/box-BK_top.gif) 0 0 no-repeat;
}
#contents .box-BK .body {
	width: 237px; height: 272px;
	padding: 0;
	background: #d2d2d2 url(../../img/box-BK_body.gif) 0 0 repeat-x;
}
#contents .box-BK .homepage { height: 329px; }

#contents .box-BK .bottom {
	width: 100%; height: 10px;
	text-indent: -9999px;
	background: url(../../img/box-BK_bottom.png) 0 0 no-repeat;
}
#contents .box-BK .title {
	height: 20px; 
	margin-left: 18px;
	padding: 16px 0 0 40px;
	background: url(../../img/box-BK_title.gif) 0 0 no-repeat;
	
}
#contents .box-BK h3 {
	color: #21579b; 
	font-size: 19px;
	text-transform: uppercase;
}


#contents .box-BK #booking {
	width: 200px; 
	padding: 0 18px;
	margin-top: 20px; 
}
#contents .box-BK #booking li { 
	margin-bottom: 10px;
	font-size: 12px;
}

#contents .box-BK #booking .big { width: 200px; clear: both }
#contents .box-BK #booking .left { width: 95px; clear: both; margin-right: 5px; }
#contents .box-BK #booking .right { width: 95px; margin-left: 5px; }
#contents .box-BK #booking .end { 
	width: 200px;
	background: url(../../img/booking_end.gif) 0 0 repeat-x;
	padding-top: 15px;
}


/* form */
#contents .box-BK #booking .small,
#contents .box-BK #booking .middle,
#contents .box-BK #booking .bigger {
	height: 24px; display : block;
	padding: 0 0 0 4px;
	border: none;
	background: #FFF url(../../img/input_bg.gif) repeat-x;
	color: #4e729f; font-size: 12px;
}

#contents .box-BK #booking .big select {	width: 200px; }
#contents .box-BK #booking .big input 	{	width: 100px; }

#contents .box-BK #booking .left select 	{	width: 95px; }
#contents .box-BK #booking .left input 	{	width: 95px; }

#contents .box-BK #booking .right select 	{	width: 95px; }
#contents .box-BK #booking .right input 	{	width: 95px; }

#contents .box-BK #booking .calendar {
	background: url(../../img/bk_icon_calendar.gif) 100% 0 no-repeat;
	padding-top: 4px; height: 20px;
}

#contents .box-BK #booking .button {
	height: 29px; width: 200px;
	padding: 0 0 5px 64px;
	background: url(../../img/booking_button.gif) no-repeat;
	color: #fff; cursor: pointer; 
	border: none;
}
#contents .box-BK #booking .button:hover { color: #3791ff; }

/* 
	************************************
	***** 		box-F 				 *****
	Center box
	************************************
	width: 733px;
*/
#contents .box-F {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 100%; 
}
#contents .box-F .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-F .body {
	width: 100%; height: 272px;
	padding: 0px; margin: 0px;
	text-align: center;
}
#contents .box-F .homepage {	height: 332px; }

#contents .box-F .bottom {
	width: 100%; height: 11px;
	text-indent: -9999px;
	background: url(../../img/box-F_bottom.png) 0 0 no-repeat;
}


/* 
	************************************
	***** 		box-L 				 *****
	Left box template
	************************************
	width: 237px;
*/
#contents .box-L {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 237px; overflow: hidden;
}
#contents .box-L .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-L .body {
	width: 237px; min-height: 150px; 
	padding: 0;
	background: url(../../img/box-L_body.png) 0 100% repeat-x;
}
#contents .box-L .bottom {
	width: 100%; height: 8px;
	text-indent: -9999px;
	background: url(../../img/box-L_bottom.png) 0 0 no-repeat;
}

#contents .box-L .body .image {
	position: absolute; z-index: 10;
	width: 237px;
	overflow: hidden; 
}
#contents .box-L .body .image img { float: right; }

#contents .box-L .body .text {
	color: #616161;
	width: 200px; 
	padding: 5px 15px;
	position: relative; z-index: 20;
	overflow: hidden;
}

#contents .box-L .text h3 { 
	font-size: 23px; color: #21579b;
	text-transform: uppercase; margin: 5px 0;
}
#contents .box-L .text .red { 
	color: #c92637;
}

#contents .box-L .text p {
	padding: 0; margin: 0;
}
#contents .box-L .text a { color: #29558a; }
#contents .box-L .text a:hover { color: #c92637; }

#contents .box-L .body .link {
	width: 200px; height: 23px; 
	padding: 10px 15px;	
	position: relative; z-index: 20;
}
#contents .box-L .body .link a { 
	height: 15px; padding: 4px 30px;
	display: block; float: left;
	background: url(../../img/box-L_link.png) 0 0 no-repeat;
	cursor: pointer; 
	color: #29558a; text-transform: uppercase;
}
#contents .box-L .body .link a:hover {	color: #c92637; }

#contents .box-L input {
	height: 24px; display : block;
	border: none; float: left;
	margin-top: 10px;
}
#contents .box-L .middle {
	padding: 0 4px;
	background: #FFF url(../../img/input_bg.gif) repeat-x;
	color: #4e729f; font-size: 12px;
	width: 172px;
}
#contents .box-L .button {
	background: #FFF url(../../img/newsletter_button_bg.gif) repeat-x;
	width: 20px; cursor: pointer;
	text-indent: -999px;
}


/* 
	************************************
	***** 		box-I 				 *****
	Akcije
		237px
	************************************
*/
#contents .box-I {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 237px;
}
#contents .box-I .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-I .body {
	width: 100%; height: 150px;
	overflow: hidden;
}
#contents .box-I .bottom {
	width: 100%; height: 10px;
	text-indent: -9999px;
}
#contents .box-I .image {
	width: 100%; height: 73px;
	background: url(../../img/box-I_image.png) 0 0 no-repeat;
	overflow: hidden;
	padding: 1px 1px 6px 1px;
}
#contents .box-I .image a {
	width: 235px; height: 73px;	
	overflow: hidden;
}
#contents .box-I .text { 
	line-height: 12px;
}
#contents .box-I .text a {	
	font-size: 12px; color: #c92637; 
	font-weight: bold; 
	margin: 4px 0;
	display: block;
}
#contents .box-I .text a:hover { color: #29558a; }
#contents .box-I .text p { 
	color: #5c5c5c; 
	padding: 0; margin: 0;
}


/* 
	************************************
	***** 		box-S 				 *****
	SocialNetworks
	************************************
	width: 100%;
*/
#contents .box-S {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 100%; 
}
#contents .box-S .top {
	width: 100%; height: 1px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: #d0d7e0;
}
#contents .box-S .body {
	clear: both; color: #838282;
	height: 40px; width: 100%;
	overflow: hidden;
}
#contents .box-S .bottom {
	width: 100%; height: 10px;
	text-indent: -9999px;
}

#contents .box-S .body a { color: #4e729f; font-weight: bold; }
#contents .box-S .body a:hover { color: #c92637; }
#contents .box-S .body span { color: #444444; }

#contents .box-S .body p { padding: 0; margin: 0; line-height: 12px; }

#contents .box-S .image { float: left; margin-right: 10px; width: 37px; }
#contents .box-S .text { float: left; width: 190px; }
#contents .ContenMiddle .box-S .text { float: left; width: 439px; }


/* 
	************************************
	***** 		box-H 				 *****
	Hotels
	************************************
	width: 100%;
*/
#contents .box-H {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 100%; 
}
#contents .box-H .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
}
#contents .box-H .body {
	clear: both; color: #838282;
	height: 101px; width: 100%;
	overflow: hidden;
	background: url(../../img/box-H_body.gif) 0 0 repeat-x;
}
#contents .box-H .bottom {
	width: 100%; height: 5px;
	text-indent: -9999px;
	background: url(../../img/box-H_bottom.png) 0 0 no-repeat;
}

#contents .box-H .hotel {
	width: 220px; height: 90px;
	padding: 11px 10px 0 10px;  
}
#contents .box-H .image {
	width: 219px; height: 60px;
	margin-bottom: 5px;
	overflow: hidden;
}
#contents .box-H .text {
	width: 219px; height: 25px;
	overflow: hidden; line-height: 10px;
}
#contents .box-H .text a {
	color: #29558a; font-weight: bold;
}
#contents .box-H .text a:hover { color: #c92637}
#contents .box-H .text .stars { width: 65px; float: right; }
#contents .box-H .text .stars img { float: right; } 

#contents .box-H .split {
	width: 2px; height: 101px;
	padding: 0 2px;
	background: url(../../img/box-H_split.gif) 0 0 no-repeat;	
}



/* 
	************************************
	***** 		box-B 				 *****
	banner
	************************************
	width: 216px;
*/

#contents .box-B {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 100%;
}
#contents .box-B .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-B .body {
	width: 100%;
}
#contents .box-B .bottom {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-B .body li {
	margin: 10px 0 0 0;
	width: 100%;
	text-align: center;
}

/* 
	************************************
	***** 		box-D 				 *****
	Download box
	************************************
		- odd
		- even
		- blank
		- split
*/
#contents .box-D {
	clear: none; float: left;
	margin: 20px 0 0 0; padding: 0;
	width: 100%;
}
#contents .box-D .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-D .body {
	width: 100%;
}
#contents .box-D .bottom {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}

#contents .box-D .odd,
#contents .box-D .even {
	padding: 10px 0 5px 0; margin: 0 5px 0 0; 
	overflow: hidden;
	width: 218px; height: 60px;
	border-top: solid 1px #e1e1e1;
}

#contents .ContenCenter .box-D .odd,
#contents .ContenCenter .box-D .even {
	width: 340px; 
}

#contents .box-D .image {	
	width: 39px; margin-right: 11px;
	float: left;
}
#contents .box-D .short {
	width: 168px; height: 60px;
	float: left; 
}
#contents .ContenCenter .box-D .short {
	width: 290px; 
}
#contents .box-D .short a { 
	font-size: 13px; color: #4e729f;
	font-weight: bold; display: block;
	margin: 3px 0; padding: 0;
}

#contents .box-D .short h3 { 
	font-size: 15px; color: #4e729f;
	margin: 5px 0 0 0; padding: 0;
}
#contents .box-D .short h3 a { color: #4e729f; }
#contents .box-D .short h3 a:hover { color: #c92637; }

#contents .box-D .short p {
	padding: 2px 0 5px 0; margin: 0;
	color: #7c7c7c;
}
#contents .box-D .short p span { color: #7c7c7c; font-weight: bold;}
#contents .box-D .short p a { color: #7c7c7c; font-weight: bold;}
#contents .box-D .short p a:hover { color: #4e729fa; text-decoration: none }



/* 
	************************************
	***** 		box-G 				 *****
	Download box
	************************************
		- odd
		- even
		- blank
		- split
*/
#contents .box-G {
	clear: both;  float: left;
	margin: 20px 0 0 0; padding: 0;
	width: 100%;
}
#contents .box-G .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-G .body {
	padding: 0; width: 705px;
}
#contents .box-G .bottom {
	width: 100%; height: 20px;
	text-indent: -9999px;
}

/* Big Image */
#contents .box-G .image {
	width: 100%; height: 100px;
	display: table-cell;
	vertical-align:middle; text-align: center;
	overflow: hidden;
}
#contents .box-G .image div {
	position: relative;
}

#contents .box-G .odd,
#contents .box-G .even {
	width: 165px; height: 100px;
	padding: 0 0 4px 0;
	overflow: hidden;
	background: url(../../img/box-G_bottom.gif) 0 100% no-repeat;
}
#contents .box-G .split {
	background: transparent;
	width: 11px; height: 10px;
	padding: 0; margin: 0;
	float: left; clear: none;		
}
#contents .box-G .line {
	background: transparent;
	width: 100%; height: 10px;
	padding: 0; margin: 0;
	float: left;		
}



/* 
	************************************
	***** 		box-R 				 *****
	Biger box with fix height
	************************************
	width: 237px;
*/
#contents .box-R {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 237px; overflow: hidden;
}
#contents .box-R .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-R .body {
	width: 237px; height: 176px; 
	padding: 0;
	background: url(../../img/box-R_body.png) 0 100% repeat-x;
	overflow: hidden;
}
#contents .box-R .bottom {
	width: 100%; height: 8px;
	text-indent: -9999px;
	background: url(../../img/box-L_bottom.png) 0 0 no-repeat;
}

#contents .box-R .body .image {
	position: absolute; z-index: 10;
	width: 237px;
	overflow: hidden; 
}
#contents .box-R .body .image img { float: right; }

#contents .box-R .body .text {
	color: #616161;
	width: 200px; height: 118px; 
	padding: 5px 15px;
	position: relative; z-index: 20;
	overflow: hidden;
}

#contents .box-R .text h3 { 
	font-size: 23px; color: #21579b;
	text-transform: uppercase;
}
#contents .box-R .text h3.red { color: #c92637; }
#contents .box-R .text h3 a { color: #21579b; }
#contents .box-R .text h3 a:hover { color: #c92637; }

#contents .box-R .text p {
	padding: 3px 0 5px 0; margin: 0;
	line-height: 15px;
}
#contents .box-R .text p a { color: #21579b; }
#contents .box-R .text p a:hover { color: #c92637; }

#contents .box-R .text a.more { color: #21579b; font-weight: bold;  }
#contents .box-R .text a.more:hover { color: #c92637; }

#contents .box-R .text .red a.more { color: #c92637; }
#contents .box-R .text .red a.more:hover { color: #21579b; }


#contents .box-R .body .link {
	width: 200px; height: 28px; 
	padding: 10px 15px;	
	position: relative; z-index: 20;
}
#contents .box-R .body .link a { 
	display: block; 
	width: auto; height: 23px;
	padding: 5px 25px 0 15px; 
	background: url(../../img/more_bg.gif) 100% 0 no-repeat;
	color: #29558a; 
	font-weight: bold; text-transform: uppercase;
	text-decoration: none;
}
#contents .box-R .body .link a:hover {	color: #c92637; }

#contents .box-R .body .link a.red {	color: #c92637; }
#contents .box-R .body .link a.red:hover {	color: #29558a; }


#contents .box-R input {
	height: 24px; display : block;
	border: none; float: left;
	margin-top: 10px;
}
#contents .box-R .middle {
	padding: 0 4px;
	background: #FFF url(../../img/input_bg.gif) repeat-x;
	color: #4e729f; font-size: 12px;
	width: 172px;
}
#contents .box-R .button {
	background: #FFF url(../../img/newsletter_button_bg.gif) repeat-x;
	width: 20px; cursor: pointer;
	text-indent: -999px;
}


/* 
	************************************
	***** 		box-C 				 *****
	Center box
	************************************
*/
#contents .box-C {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 100%;
}
#contents .box-C .top {
	width: 100%; height: 10px;
	text-indent: -9999px;
	display: none;
}
#contents .box-C .body {
	width: 693px; height: auto;
	padding: 15px 20px; margin: 0;
	color: #414141;
	background: #fff url(../../img/box-A_body.gif) 0 100% repeat-x;
}
#contents .box-C .bottom {
	width: 100%; height: 10px;
	text-indent: -9999px;
	background: url(../../img/box-A_bottom.png) 0 0 no-repeat;
}

#contents .box-C .split {
	clear: both;
	padding: 0; margin: 10px 0 10px 0;
	width: 100%; height: 1px;
	background: #e1e1e1;
}



/*
*** News ***
*/
#contents #news {
	width: 100%;
	display: block; 
}
#contents #news .odd,
#contents #news .even {
	margin-top: 10px; padding-bottom: 10px; 
	border-bottom: solid 1px #e1e1e1;
}

#contents #news .image {
	width: 190px; height: 90px; 
	float: right; clear: right; 
	margin-left: 10px;
	overflow: hidden; display: block; 
}

#contents #news .image a {}

#contents #news .date { 
	width: 190px; height: 40px; 
	float: right; clear: right; 
	margin-left: 10px;
	overflow: hidden; display: block; 
	color: #7e7e7e;
}
#contents #news .date a { color: #c92637; }
#contents #news .date a:hover { color: #21579b; }

#contents #news .name { width: 493px;  }
#contents #news .name h2 { color: #21579b; font-size: 16px; padding-bottom: 10px; }
#contents #news .name a { color: #21579b; }
#contents #news .name a:hover { color: #c92637; }
#contents #news .short { 
	color: #4d4d4d; height: 45px;
	font: 12px/14px "Trebuchet MS", Tahoma, Arial, sans-serif;
}

#contents #news .link {
	width: 493px; height: 23px; 
	padding: 10px 0; margin-top: 7px;
}
#contents #news .link a { 
	height: 15px; padding: 4px 30px;
	display: block; float: left;
	background: url(../../img/box-C_link.png) 0 0 no-repeat;
	color: #29558a; text-transform: uppercase;
}
#contents #news .link a:hover {	color: #c92637; }




#contents .box-L {
	clear: none; float: left;
	margin: 0; padding: 0;
	width: 237px; overflow: hidden;
}
#contents .box-N .top {
	width: 100%; height: 1px;
	text-indent: -9999px;
	display: none;
}
#contents .box-N .title {
	width: 207px; 
	padding: 5px 15px;
}
#contents .box-N .title h2 { 
	font-size: 23px; color: #21579b;
	text-transform: uppercase;
}
#contents .box-N .title h2 a {  color: #21579b; }
#contents .box-N .title h2 a:hover {  color: #c92637; }

#contents .box-N .body {
	width: 237px; min-height: 120px; 
	padding: 0;
	background: url(../../img/box-L_body.png) 0 100% repeat-x;
}
#contents .box-N .bottom {
	width: 100%; height: 8px;
	text-indent: -9999px;
	background: url(../../img/box-L_bottom.png) 0 0 no-repeat;
}

#contents .box-N .body .text {
	color: #616161;
	width: 200px; 
	padding: 5px 15px;
	position: relative; z-index: 20;
	overflow: hidden;
}

#contents .box-N .text h3 { 
	font-size: 23px; color: #21579b;
	text-transform: uppercase;
}
#contents .box-N .text .red { 
	color: #c92637;
}

#contents .box-N .text li {
	clear: both; width: 200px;
}

/* First */
#contents .box-N .st {
	width: 155px;
	padding: 0 20px 0 30px; margin: 2px 0;
	text-transform: uppercase; 
	background: url(../../img/box-L_link.png) 0 0 no-repeat;
}
#contents .box-N .st a {	
	display: block; width: 100%;
	padding: 5px 0; 
	color: #29558a; 
}
#contents .box-N .st a:hover {	
	color: #c92637;
}

/* Activ level */
#contents .box-N .on { }
#contents .box-N .on a { color: #c92637; }


/* Second */
#contents .box-N .nd {
	width: 155px;
	padding: 3px 25px;
}
#contents .box-N .nd a {	
	padding: 0 10px 0 0 ;
	color: #a6acb3; 
}
#contents .box-N .nd a:hover {	
	color: #666;
}
#contents .box-N .on2 a {	
	color: #666;
}

/* Third */
#contents .box-N .rd {
	width: 145px;
	padding: 3px 15px 3px 45px;
}
#contents .box-N .rd a {	
	padding: 0 10px 0 0 ;
	color: #a6acb3; 
}
#contents .box-N .rd a:hover {	
	color: #666;
}

/* Third */
#contents .box-N .th {
	width: 145px;
	padding: 3px 15px 3px 45px;
}
#contents .box-N .th a {	
	padding: 0 10px 0 0 ;
	color: #a6acb3; 
}
#contents .box-N .th a:hover {	
	color: #666;
}