/*
	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       *****
	******************************
	ID: 
		I Main elements
		II page setings
		# Header
		# Footer
	
*/

/* 
	**************************************
	*****  main elements 				*****
	**************************************
*/

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

a.hidden {
	display: none;
}
a.none
 {
	text-decoration: none;
	border: none;
	background: none;
	padding: 0; margin: 0;
}

img {
 	border-style: none;
}
form {
	margin: 0px;
	padding: 0px;
}

.clear { clear: both; }
div.clear { clear: both; }
br.left { clear: left; }
.nobold {font-weight: normal;}
.bold { font-weight: bold; }

#skip {
	text-indent: -20000px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}


.picture_border {	/* okvir za slike */
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
input, select, option, textarea {
	font: 11px/14px Arial, Helvetica, sans-serif;
	text-align: left; resize: none;
}

.checked { background: url(../../img/script/img/chk_on.png) 0 0 no-repeat; padding-left: 20px;}
.unchecked{ background:url(../../img/script/img/chk_off.png) 0 0 no-repeat; padding-left: 20px;}
.selected{ background:url(../../img/script/img/rdo_on.png) 0 0 no-repeat; padding-left: 20px; }
.unselected{ background:url(../../img/script/img/rdo_off.png) 0 0 no-repeat; padding-left: 20px;}


h1 {	
	color: #234775;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px; font-weight: normal;
	margin: 0; padding: 0;
}
h2 {	
	color: #5f6871;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight: normal;
	margin: 0; padding: 0;
}
h3 {	
	color: #5f6871;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: normal;
	padding:0; margin: 0;
}
h4 {	
	color: #5f6871;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: normal;
	padding:0; margin: 0;
}
h5 {	
	color: #5f6871;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: normal;
	padding:0; margin: 0;
}

.custom { font-weight: bold; color: #ffffff;}
.red { color: #c92637;}
.gray { color: #595d61; }
.blue { color: #4874b8; }
.white { color: #ffffff; }
.font14 { font-size: 14px; }
.font12 { font-size: 12px; }
.alignRight { text-align: right; }

/* 
	**************************************
	***** Podesavanje stranice 		*****
	**************************************
	Class:
		position
		page_width
		contentBox
*/

body {
	color: #727171;
	font: 11px/12px "Trebuchet MS", Tahoma, Arial, sans-serif;
	line-height: normal;	
	background: #dcdcdc url(../../img/body_bg.gif) 0 0 repeat-x;
	width: 100%; 
	padding: 0px; margin: 0px;
}
.position {
	width: 100%; 
	display: block; 
	clear: both; float: left;
	padding: 0; margin: 0;
}
.page_width {	
	clear: both; text-align: left;
	display: block; 
	padding: 0; margin: 0;
	width: 980px; min-height: 400px;
	background: url(../../img/page_width_bg.png) 50% 0 no-repeat;
}


/* 
	******************************
	***** 		Header 		 *****
	******************************
	Class:
		- lineFirst
		- lineSecond
		- 
*/

#header ul, #header li ul { list-style: none;	margin: 0px; padding: 0px;}
#header { clear: both; }
#header li { float: left; text-align: left; }
#header li ul li { display: block;}

#header {	
	width: 100%; height: 152px;
	margin: 0; padding: 12px 0 0 0;
}

/** first line **
	- split
	- lang
	- link
	- menu
 */
#header .lineFirst {
	width: 100%; height: 23px;
	padding-bottom: 2px;
	background: url(../../img/header_lineFirst_bg.gif) 0 100% repeat-x;
	overflow: hidden;
}
#header .lineFirst li {
	height: 23px;
}

#header .lineFirst .split {
	background: #7a8ca2;
	width: 1px; height: 23px;
	margin: 0 10px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
}

/* lang */
#header .lineFirst .lang {	float: right; }
#header .lineFirst .lang a {
	display: block; float: left; 
	width: 18px; height: 13px;
	padding-left: 5px; margin-top: 3px;
	text-indent: -99999px;
}
#header .lineFirst .lang .rs { background: url(../../img/lang_rs.gif) 0 0 no-repeat; }
#header .lineFirst .lang .rus { background: url(../../img/lang_ru.gif) 0 0 no-repeat; }
#header .lineFirst .lang .en { background: url(../../img/lang_en.gif) 0 0 no-repeat; }

/* link */
#header .lineFirst .link { float: right;  }
#header .lineFirst .link a { color: #445a76; }
#header .lineFirst .link a:hover { color: #c92637; }

/* menu */
#header .lineFirst .menu {	float: left; clear: none; }
#header .lineFirst .menu h3 { font-size: 13px; text-transform: uppercase; color: #123054; }
#header .lineFirst .menu a { color: #123054;	}
#header .lineFirst .menu a:hover { color: #c92637; }
#header .lineFirst .menu .on { color: #c92637; }
#header .lineFirst .menu .split { float: left; }
#header .lineFirst .menu .back { background: url(../../img/header_menu_back.gif) 0 1px no-repeat; padding-left: 15px; }

/* search */
#header .search {	
	width: 170px; height: 14px;
	padding: 0; float: right;
}
#header .search .text input {	
	padding: 0; margin: 0;
	height: 22px;
	border: none; background: transparent;
}
#header .search .text {	
	float: left;
	width: 150px; 
	color: #7d98b9; font-size: 10px; 
	border-bottom: solid 1px #7a8ca2;
}
#header .search .button {	
	width: 20px; height: 20px;
	background: url(../../img/search_header.gif) 5px 3px no-repeat;
	cursor: pointer; text-indent: -9999px; 
	border: none;
}



/** second line **
	- split
	- lang
	- link
	- menu
 */

#header .lineSecond {
	width: 100%; height: 124px;
	padding-top: 3px;
	background: url(../../img/header_lineSecond_bg.png) 0 0 repeat-x;
}
/* logo */
#header .lineSecond .logo {
	width: 237px; height: 123px;
	padding-bottom: 1px;
	margin-right: 10px;
	background: url(../../img/header_lineSecond_bottom.gif) 0 100% repeat-x;
}
#header .lineSecond .logo a {	display: block; float: left; }

/* navigation */
#header .lineSecond .navigation {
	width: 733px; height: 123px;
	padding-bottom: 1px;
	background: url(../../img/header_lineSecond_bottom.gif) 0 100% repeat-x;
}

/* menu  */
#header .lineSecond .menu {
}

#header .lineSecond .menu li {
	height: 123px; width: 110px; 
	float: right;
	padding: 0 15px;
	background: url(../../img/menu_bg.png) 0 0 no-repeat;
}
#header .lineSecond .menu .title {
	padding-top: 60px; height: 63px;
	text-align: right; background: transparent;
}
#header .lineSecond .menu .title h2 {
	color: #123054; font-size: 15px;
	text-transform: uppercase;
}	
#header .lineSecond .menu a {
	display: block;
	text-indent: -9999px;
	height: 123px; width: 110px; 
}

#header .lineSecond .menu .menu1 a { background: url(../../img/logo_menu_tulip_inn.png) 0 0 no-repeat; }
#header .lineSecond .menu .menu1 a:hover { background: url(../../img/logo_menu_tulip_inn_on.png) 0 0 no-repeat; }

#header .lineSecond .menu .menu2 a { background: url(../../img/logo_menu_admiral.png) 0 0 no-repeat; }
#header .lineSecond .menu .menu2 a:hover { background: url(../../img/logo_menu_admiral_on.png) 0 0 no-repeat; }

#header .lineSecond .menu .menu3 a { background: url(../../img/logo_menu_putnik.png) 0 0 no-repeat; }
#header .lineSecond .menu .menu3 a:hover { background: url(../../img/logo_menu_putnik_on.png) 0 0 no-repeat; }

#header .lineSecond .menu .menu4 a { background: url(../../img/logo_menu_club_a.png) 0 0 no-repeat; }
#header .lineSecond .menu .menu4 a:hover { background: url(../../img/logo_menu_club_a_on.png) 0 0 no-repeat; }

/* small menu  */
#header .lineSecond .small_menu {
	clear: both;
}

#header .lineSecond .small_menu li {
	height: 68px; width: 110px; 
	float: right;
	padding: 0 22px;
	background: url(../../img/small_menu_bg.png) 0 0 no-repeat;
}
#header .lineSecond .small_menu .on {
	background: url(../../img/small_menu_on.png) 0 0 no-repeat;
}
#header .lineSecond .small_menu .title {
	width: 73px; height: 38px; padding-top: 30px; text-align: right;
	background: url(../../img/small_menu_end.png) 0 0 no-repeat;
}
#header .lineSecond .small_menu .title h2 {
	color: #123054; font-size: 15px;
	text-transform: uppercase;
}	

#header .lineSecond .small_menu a,
#header .lineSecond .small_menu span {
	display: block;
	text-indent: -9999px;
	height: 68px; width: 110px;
}

#header .lineSecond .small_menu .menu1 a { background: url(../../img/logo_small_menu_tulip_inn.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu1 a:hover { background: url(../../img/logo_small_menu_tulip_inn_on.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu1 .on { background: url(../../img/logo_small_menu_tulip_inn_on.png) 0 0 no-repeat; }

#header .lineSecond .small_menu .menu2 a { background: url(../../img/logo_small_menu_admiral.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu2 a:hover { background: url(../../img/logo_small_menu_admiral_on.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu2 .on { background: url(../../img/logo_small_menu_admiral_on.png) 0 0 no-repeat; }

#header .lineSecond .small_menu .menu3 a { background: url(../../img/logo_small_menu_putnik.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu3 a:hover { background: url(../../img/logo_small_menu_putnik_on.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu3 .on { background: url(../../img/logo_small_menu_putnik_on.png) 0 0 no-repeat; }

#header .lineSecond .small_menu .menu4 a { background: url(../../img/logo_small_menu_club_a.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu4 a:hover { background: url(../../img/logo_small_menu_club_a_on.png) 0 0 no-repeat; }
#header .lineSecond .small_menu .menu4 .on { background: url(../../img/logo_small_menu_club_a_on.png) 0 0 no-repeat; }


/* sub menu  */
#header .lineSecond .sub_menu {
}

#header .lineSecond .sub_menu li {
	float: right;
	height: 19px;
	margin: 18px 0 12px 12px;
	padding-left: 12px;
	border-left: solid 1px #e1e6ed;
}
#header .lineSecond .sub_menu li h3 {	
	color: #123054; font-size: 15px;
	text-transform: uppercase;
}
#header .lineSecond .sub_menu li h3 a {	color: #123054; }
#header .lineSecond .sub_menu li h3 a:hover {	color: #c92637; }
#header .lineSecond .sub_menu li h3 span {	color: #c92637; }
#header .lineSecond .sub_menu li h3 .on {	color: #c92637; }

/* 
	************************************
	***** 		Footer 				 *****
	************************************
	Class:
		1. links
		2. socialnetwors
		3. copyright
		4. developed
	
*/

#footer ul, #footer li ul { list-style: none; margin: 0px; padding: 0px;}
#footer { clear: both; }
#footer li { float: left; text-align: left; 	overflow: hidden; }
#footer li ul li { display: block;  }

#footer {	
	float: left;
	width: 100%;
	margin: 0; padding: 0;
	font-size: 12px;
}

#footer .top {
	width: 100%; height: 10px;
	text-indent: -9999px;
}
#footer .body {
	width: 100%; min-height: 75px;
	background: url(../../img/footer_bg.png) 0 0 no-repeat;
}
#footer .bottom {
	width: 100%; height: 10px;
	text-indent: -9999px;
}



#footer .member { 
	float: right; height: 50px;
}

#footer .snippet {
	float: left; height: 50px;
	margin-right: 20px;
	padding-left: 40px;
	color: #a9a9a9;
}
#footer .snippet b,
#footer .snippet a { 
	color: #777b7e; 
	font-size: 14px; font-weight: bold;
}
#footer .phone { background: url(../../img/footer_icon_phone.png) 0 0 no-repeat; }
#footer .email { background: url(../../img/footer_icon_email.png) 0 0 no-repeat; }

#footer .develop { float: right; clear: right;}
#footer .copyright { clear: left; }

#footer .develop, 
#footer .copyright { 
	color: #a9a9a9;
	padding-top: 10px;
}

#footer a { color: #4e729f; }
#footer a:hover { color: #c92637; }



/*
	First Line:
		- logo
		- login
		- registration
*/

#footer .firstLine {
	width: 100%; clear: both;
}
/* social */
#footer .socialnetwork {
	float: right;
	width: 25px; padding: 0 0 0 20px;
}
#footer .socialnetwork a {	
	display: block; 
	width: 25px; height: 24px;
	margin-bottom: 4px;
	text-indent: -9999px;
}

#footer .links {
	width: 915px;
}

#footer .links li {
	margin-right: 30px;
	max-width: 130px;	
	/*width: 180px;*/
}
#footer .links a:hover {
	color: #386fbb; text-decoration: underline;
}

#footer .links h2,
#footer .links h2 a {	font-size: 13px; font-weight: bold; 	padding-bottom: 3px; }
#footer .links h2 a:hover { color: #386fbb; text-decoration: underline; }

#footer .links a { display: block; font-size: 11px; font-weight: bold; }

#footer .secondLine {
	width: 100%; clear: both;
	margin: 25px 0; padding-top: 10px;
	color: #595d61; font-size: 9px; 
}
#footer .secondLine a { color: #777b7e; }
#footer .secondLine a:hover { color: #386fbb; text-decoration: underline; }
#footer .copyright {
	width: 500px;
}
#footer .develop {
	width: 300px;
	float: right; text-align: right;
}


/* 
	************************************
	***** 		Contents 			 *****
	************************************
	Class:
	
*/

#contents ul, #contents li ul { list-style: none; margin: 0px; padding: 0px; }
#contents {	clear: both; }
#contents li { float: left; /*overflow: hidden;*/}
#contents li ul li { display: block; text-align: left;}

#contents {
	width: 100%; min-height: 556px;
	margin: 0; padding: 0;
	/*background: url(../../img/contents_bg.png) 0 100% repeat-x;*/
}

/* 
	************************************
	***** 		width				 *****
		- ContenBig
		- ContenCenter
		- ContenLeft
		- ContenMiddle
		- ContenRight
	************************************
*/
#contents .ContenFull {
	width: 100%;
	padding: 0; margin: 0;
	text-align: center;
}

#contents .ContenBig {
	width: 980px;
	padding: 0; margin: 0;
}
/* Left box */
#contents .ContenLeft {
	width: 237px;
	padding: 0; margin: 0 10px 0 0;
	clear: both;
}
/* ContentCenter Left & Middle */
#contents .ContenCenter {
	width: 733px;
	margin: 0; padding: 0;
}
/* Middle box */
#contents .ContenMiddle {
	width: 486px;
	padding: 0; margin: 0;
}
/* Right box */
#contents .ContenRight {
	width: 237px;
	padding: 0; margin: 0 0 0 10px;
	float: right;
}

/* SPLIT */
#contents .ContenLeft .split {
	clear: both;
	height: 10px; width: 100%;
}


#contents .splitH {
	clear: none; float: left;
	height: 10px; width: 10px;
}