/*
	Company: Recon Warriors, http://www.haloteam.rs/
	Date (create): 29-12-2008
	Date (update): 29-12-2008
	
	******************************
	*****      Index       *****
	******************************
	ID: 
		I Osnovni elementi
		II Podesavanje stranice
		# Header
		# Footer
	
*/


/* 
	**************************************
	*****  Osnovni elementi *****
	**************************************
*/

a {
	text-decoration: none;
}
a:hover {
	/*text-decoration: underline;*/
}

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;
}

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

#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/18px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
}

.red { color: #ec9bbd;}
.white { color: #ffffff; }


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

body {
	color: #d5c5cc;
	background: #5f2639;
	margin: 0px; padding: 0px;
	font: 12px/18px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	line-height: normal;	
	width: 100%; height: 100%;
}
.position {
	width: 100%;
	display: block; 
	clear: both; 
	float: left;
}
.page_width {	
	clear: both; text-align: left;
	display: block;
	width: 810px; 
}


/* 
	******************************
	***** 		Header 		 *****
	******************************
	Class:
		- logo
		- search
		- menu
		- icon
*/

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

#header {	
	width: 100%; height: 120px;	/*width: 823px;*/
	margin: 0; padding: 0;
	background: url(../../img/bg_header.jpg) 50% 0 no-repeat;
	overflow: hidden;
}
#header .page_width {	
	width: 760px; 
}

/* logo */
#header .logo {	
	float: left;
	width: 163px; height: 58px;
	padding: 0; margin: 32px 31px 0 0;
/*	background: Aqua;*/
}
#header .logo a {	
	display: block;
	width: 163px; height: 58px;
	text-indent: -9999px;
}
#header .logo h1 {	
	display: none;
}
/* copyright */
#header .copyright {	
	float: left;
	width: 254px;
	padding: 0; margin: 46px 10px 0 0;
}
#header .copyright h3 {	
	font-size: 16px;
	line-height: 200%;
	margin: 4px 0 0 0 ; padding: 0;
	color: white;
}


/* meni */
/*#header .menu {	
	float: left;
	width: 302px;
	padding: 0; margin: 50px 0 0 0;
}
#header .menu div {	
	display: inline; clear: none;
	float: right; margin-left: 10px;
}
#header .menu h3 {	
	font-size: 14px;
	line-height: 200%;
	margin: 0; padding: 0;
}*/

/* meni */
#header .menu {	
	height: 33px; width: 271px;
	list-style: none;
	padding: 0;	margin: 32px 0 0 31px;
	float: left;
}
#header .menu ul {
	margin: 0px; padding: 0px;
}
#header .menu li {
	text-align: left;
	margin: 0px; padding: 0px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

#header .menu a, #header .menu div { height: 33px;	display: block; text-transform: uppercase;  text-decoration: none; position: relative;}
#header .menu a:hover {	background: transparent;}

#header .menu .menu1 {	width: 63px; background: url(../../img/menu.gif) 0px 0px no-repeat; }
#header .menu a.menu1 {	width: 63px; }
#header .menu a.menu1:hover {	background: url(../../img/menu.gif) 0px -33px no-repeat; }
#header .menu div.menu1 {	background: url(../../img/menu.gif) 0px -33px no-repeat; }

#header .menu .menu2 {	width: 81px; background: url(../../img/menu.gif) -63px 0px no-repeat; }
#header .menu a.menu2 {	width: 81px; }
#header .menu a.menu2:hover {	background: url(../../img/menu.gif) -63px -33px no-repeat; }
#header .menu div.menu2 {	background: url(../../img/menu.gif) -63px -33px no-repeat; }

#header .menu .menu3 {	width: 63px; background: url(../../img/menu.gif) -144px 0px no-repeat; }
#header .menu a.menu3 {	width: 63px; }
#header .menu a.menu3:hover {	background: url(../../img/menu.gif) -144px -33px no-repeat; }
#header .menu div.menu3 {	background: url(../../img/menu.gif) -144px -33px no-repeat; }

#header .menu .menu4 {	width: 64px; background: url(../../img/menu.gif) -207px 0px no-repeat; }
#header .menu a.menu4 {	width: 64px; }
#header .menu a.menu4:hover {	background: url(../../img/menu.gif) -207px -33px no-repeat; }
#header .menu div.menu4 {	background: url(../../img/menu.gif) -207px -33px no-repeat; }


/* 
	************************************
	***** 		Footer 				 *****
	************************************
	Class:
		1. copyright
		2. developed
	
*/

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

#footer {	
	width: 100%; height: 77px;
	margin: 0; padding:  0;
	background: url(../../img/bg_footer.gif) 50% 0 no-repeat;
	overflow: hidden;
	color: #ec9bbd; font-size: 11px;
}
/*#footer .page_width {	
	margin: 0 25px 0 25px; padding: 0;
	width: 760px;
}*/

#footer a { color: #D5C5CC; }
#footer a:hover { color: #ffffff; }


/* logo */
#footer .logo {	
	float: left;
	width: 241px; height: 32px;
	padding: 0; margin: 17px 0 0 0;
}
#footer .logo a {	
	display: block;
	width: 241px; height: 32px;
	text-indent: -9999px;
}
#footer .code {	
	padding-top: 10px;
	margin-right: 25px;
	float: right;
	width: 300px;
	text-align: right;
}
#footer .validator {	
	margin-right: 25px;
	float: right; clear: right;
	width: 300px;
	text-align: right;
	font-size: 10px;
}




/* 
	************************************
	***** 		Contents				 *****
	************************************
	Glavna podela strane :
	- ContenCenter
	
	- box-C
*/


#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%; 
	margin: 0; padding: 0;
	background: url(../../img/bg_contents.gif) 50% 0px no-repeat;
}
#contents .page_width {	
	width: 810px; 
}

#contents .flash {
	width: 100%; 
	margin: 0; padding: 0;
	background: url(../../img/bg_contents_flash.gif) 50% 0 no-repeat;
}
#contents .footer {
	width: 100%; 
	margin: 0; padding: 0;
	background: url(../../img/bg_contents_footer.gif) 50% 100% no-repeat;
}

/* Naslovi */
#contents h1 {	
	font-size: 19px;
	line-height: 200%;
	margin: 0; padding: 0 0 0 0;
}
#contents h2 {	
	font-size: 19px;
	line-height: 200%;
	margin: 0; padding: 0 0 0 0;
}
#contents h3 {	
	font-size: 17px;
	line-height: 200%;
	padding:0; margin: 0;
}

/* 
	***************************************
	***** 			box-C					******
	***************************************
	Class:
		.body
		.bottom
		.title
		.key
		.img
		.text
*/

#contents .box-C {
	clear: both; float: left;
	margin: 25px 0 0 0; padding: 0;
	width: 100%;
}
#contents .box-C .body {
	width: 100%;
	padding-bottom: 25px;
	background: url(../../img/bg_body.gif) 50% 100% no-repeat;
}
#contents .box-C .bottom {
}
#contents .box-C .img {
}
#contents .box-C .title {
	width: 100%;
	padding-bottom: 5px;
}
#contents .box-C .key, #contents .box-C .target {
	display: none;
}
#contents .box-C .text {
	width: 100%;
}
#contents .box-C a {	color: #ec9bbd; }
#contents .box-C a:hover { color: #ffffff; }

#contents .box-C b {	
	color: #ec9bbd;
	font-weight: normal;
}
#contents .box-C .three {
	float: left;
	width: 243px; margin-right: 15px;
}
#contents .box-C .text_left {
	float: left;
	width: 250px;
	margin-right: 60px;
}
#contents .box-C .text_right {
	float: left;
	width: 450px;
	/*text-align: right;*/
}

/* Clients */
#contents .box-C .clients li {
	width: 179px; height: 62px;
	margin: 0 0 10px 14px;
	background: #ec9bbd;
}
#contents .box-C .clients .first {
	margin: 0 0 10px 0;
	clear: both;
}