/* project: internet services template

   author: luka cvrk (www.solucija.com) */



   

/* default styles

   -------------- */

   

body {
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma, sans-serif;
	line-height: 1.5em;
	color: #454545;
	background-color: #FFFFFF;

}



a {
	color: #990000;
	background: inherit;
}

a:hover {
	color: #00F;
	background: inherit;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}



h1 {
	font: normal 2.1em Arial, Sans-Serif;
	letter-spacing: -1px;
	padding: 7px 0 0 8px;
	margin: 0;
	color: #E0691A;
	background-color: #CED8E2;
}

.dark  { color: #737373; background: inherit; font-weight: bold; }

h1 a, h2 a { text-decoration: none; }

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: inherit;
	font-weight: bold;
	font-style: italic;
}

h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }

h2 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #990000;
	background: inherit;
}



p {
	margin: 0 0 5px 0;
	color: #990000;
	font-weight: normal;
}



ul { margin: 0; padding : 0; list-style : none; }



form { 	margin: 0; }



input.search { 

	width: 292px; 

	border: 0;

	background: #FFF url(input.gif) no-repeat;

	padding: 4px; 

	color: #E0691A;

	font-weight: bold;

}



input.submit {

	background: #E0691A url(submit.gif) no-repeat;

	border: 0;

	padding: 4px 0;

	width: 65px;

	margin: 0 15px 1px 0;

	color: #FFF;

	font: bold 1em Arial, Sans-Serif;

}



input.login { 

	width: 150px;

	border: none; 

	

	padding: 4px; 

}



/* layout

   ------ */



.content {
	width: 1000px;
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;

}



.header {
	height: 45px;
	background: #eee;
	color: #808080;
	border-bottom: 1px solid #ccc;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;

}



.top_info {
	float: right;
	width: 250px;
	padding: 1px 0 1px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;

}



	.top_info_left {
	width: 250px;
	float: left;

	}



	.top_info_right {
	float: right;
	width: 300px;
	border-left: 1px solid #eee;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 2px;
	font-family: Tahoma, sans-serif;

	}



.browse_category  {
	font-size: 0.9em;
	width: 120px;
	color: #FFF;
	background: inherit;

}



.bar {
	clear: both;
	font-size: 1.1em;
	height: 35px;
	color: #FFF;
	margin: 0 0 0 0px;
	background-color: #6d8aa8;

}



	.bar li {
	margin: 0;
	color: #FFEADC;
	float: left;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	background-color: #6d8aa8;

	}

	

	.bar li.active { 

		background: #E0691A url(bar.gif) no-repeat center top; 

		color: #fff;

		font-weight: bold; 

		padding: 7px 10px 6px 10px;

	}

	

	.bar li a { 

		font-weight: bold;

		color: #FFF; 

		background: inherit;

		text-decoration: none;

	} 

	

	.bar li a:hover { 

		color: #E0691A; 

		background: inherit;

	} 



.search_field { 

	background: #fff url(searchbg.gif) no-repeat right; 

	color: #808080;

	clear: both;

	font-weight: bold;

	padding: 7px 25px 10px 10px;

	margin: 5px 0;

}



.grey {

	color: #808080;

	background: inherit;

	font-weight: normal;

}



.search_form { float: right; }



.subheader {

	margin: 0px 0 10px 0;

	border-bottom: 1px solid #eee;

	padding: 5px 0 5px 0;

	background: #A4A4A4;

	color: #fff;

}



/* left side

   --------- */



.left {
	float: left;
	width: 18%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #F6F8FA;

}



.left h3 {
	clear: both;
	color: #000;
	padding: 7px 0 7px 5px;
	margin: 0 0 0px 0;
	background-color: #97ACC1;
	background-image: url(corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;

}

	.left_side {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	margin: 10px 0;

	}

		

	.left_side a, .right_side a { color: #414141; background: #FFF; }

		

	.right_side {
	float: left;
	width: 240px;
	background: #FFF url(dotted.gif) repeat-y;
	color: #414141;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;

	}

		

	.left_box {
	margin: 0 0 2px 0;
	color: #000;
	background: #FFF;
	padding: 3px 0;
}

	

		

/* right side

   ---------- */

		

.right {
	float: right;
	width: 51%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	font-weight: normal;

}



.right h3 {
;
	color: #00F;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
	background-color: #CED8E2;
	background-image: url(corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 1.5em;

}



	.right_articles {
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
	background-color: #F6F8FA;

	}

	

.image {

	float: left;

	margin: 0 9px 3px 0;

}



/* footer

   ------ */



.footer { 

	clear: both;

	text-align: center;

	padding: 10px 0 10px 0;

	margin: 0;

	border-top: 1px solid #ccc;

	line-height: 1.8em;

}



.footer a { color: #808080; background: #fff; }