/* project: internet center template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.8em Arial, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

a {
	color: #185DA0;
	background: inherit;
}

a:hover {
	color: #9EC068;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 7px 0 0 8px;
	margin: 0;
}

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

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}


td { 
	margin: 0; 
	padding: 0; 
	font:  1em Arial, Sans-Serif; 
	
}



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

h2 { 
	font-size: 16px;
	margin-bottom: 5px; 
	color: #000; 
	background: inherit;
}

p {	
	margin: 0 0 5px 0;
	
}

p.heading {
	font-size: 17px;
	margin-top: 25px;
	color:5f5f5f;
}
p.detail {
	font-size: 13px;
	padding-left: 10px; 
}

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

form { 
	margin: 0; 
}

input.search { 
	width: 199px; 
	border: none;
	background: url(../images/input.gif); 
	padding: 4px; 
}

input.login { 
	width: 150px;
	border: none; 
	background: url(../img/logininput.gif); 
	padding: 4px; 
}

input.apply { 
	width: 150px;
	border: none; 
	background: url(../img/applyinput.gif); 
	padding: 4px; 
}



/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 760px; 
}

.contentS { 
	font: bold 0.9em; 
}

.header { 
	height: 95px; 
	width: 760px;
	margin: 0;
}

.top_info {
	float: right;
	width: 760px;
	padding: 0 0 4px 0;

}

	.top_info_left {
		float: left;
		margin: 0 0 0 0;
	}

	.top_info_right {
		float: right;
		width: 350px;
		padding: 0 0 0 0;
	}

.slogan {
	font-size: 0.9em;
	width: 160px;
}


.bar { 
	clear: both;
	font-size: 1em;
	height: 10px; 
	margin: 0 0 0 0px; 
}



	.bar li { 
		margin: 0; 
		padding: 4px 12px 3px 46px;
		color: #808080;
		float: left; 
	}
	
	.bar li.active { 
		background: url(../images/bar.gif) no-repeat center left; 
		color: #9EC068;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		color: #fff; 
		background: inherit;	

	} 

.search_field { 
	background: #FFEB8C;<!-- url(barbg.gif) no-repeat;-->
	color: #000;
	border-top: 1px solid #FFD763;
	border-bottom: 1px solid #FFD763;
	clear: both;
	text-align: center; 
	padding: 10px 0 5px 0;
}

.subheader {
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #F7F7F7; <!--url(subheaderbg.gif) no-repeat;-->
	color: #808080;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

/* left side
   --------- */

.left {
	float: left;
	width: 205px;
	margin: 0 0 10px 0;
}
	.left_menu {
		height: 135px;
		margin: 0px 0 1px 0;
		background: #fff url(../img/menu.jpg) no-repeat center left;
	}
	.left_menu2 {      
		height: 110px;  
		margin: 0px 0 3px 0;
		background: #fff url(../img/menu2.jpg) no-repeat center left;

	}
	.left_news {
		font-size: 0.9em;
		height: 103px;
		width:  180px;
		margin: 0 0 0 0;
		background: #fff url(../img/leftnews.jpg) no-repeat center left;
	}
	.left_links {
		border: 1px solid #eee;
		padding: 10px 10px 10px 15px;	
		margin: 0 0 10px 0;
	}
	
	.left_links:hover {
		border: 1px solid #ccc;
	}
	
	.left_message {
		height: 250px;
		border: 1px solid #eee;
		padding: 10px 10px 10px 10px;	
		margin: 0 0 0 0;
		color: #454545; 

	}
	.left_articles {
		
		padding: 10px;	
		margin: 0 0 0 0;
		
	}	
	.left_message {
		border: 1px solid #999;
	}
	
		.left_side {
			float: left;
			width: 180px;
		}
		
		.right_side {
			float: right;
			width: 200px;
			border-left: 1px solid #eee;
			padding: 0 0 0 20px;
		}
		
	.left_box {
		background: #ccc;
		color: #000;
		border: 1px solid #999;
		padding: 10px;
		border-top: 0;
	}

	.left_box2 {      
		background: #fff;
		color: #000;
		border: 1px solid #999;
		padding: 10px;
		border-top: 0;
	}


/* left side search
   --------- */	
.leftS {
	float: left;
	width: 235px;
	margin: 0 0 10px 0;
}

/* right side
   ---------- */
		
.right {
	float: left;
	width: 535px;
	margin: 0 0 0 5px;
}

	.right_login {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #;
		color: #246088;
      
	}
	.right_pic {
		margin: 0 0 0 0;
		hright:220px;

	}

	.right_map {
		border: 1px solid #999;
		padding: 10px;	
		margin: 0 0 0 0;
		border-top: 5px solid #999;
		background: #fefefe
	}	
	
	.right_articles {
		border: 1px solid #999;
		padding: 10px;	
		margin: 0 0 0 0;
		border-top: 5px solid #999;
		background: #fefefe

	}
	.right_articlesD {
		border: 1px solid #999;
		padding: 10px;	
		margin: 0 0 0 0;
		border-top: 0;
		background: #fefefe

	}
	.right_articles1 {
		border: 1px solid #999;
		border-top: 0;
		padding: 10px 140px 10px 10px;	
		margin: 0 0 0 0;
		background: #fefefe url(../img/main4.gif) no-repeat center right;
	}	
	.right_articles2 {
		border: 1px solid #999;
		border-top: 0;
		padding: 10px 10px 10px 160px;	
		margin: 0 0 0 0;
		background: #fefefe url(../img/main5.jpg) no-repeat center left;
	}	
	.right_articlesMort {           
		border: 1px solid #999;
		border-top: 0;                                                            
		padding: 10px 10px 10px 10px;	
		margin: 0 0 0 0;
	}	

	.right_articlesLogin {

		border-top: 0;
		padding: 10px 10px 10px 160px;	
		margin: 0 0 0 0;
		background: #fefefe url(../img/main5.jpg) no-repeat center left;
	}	
		
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* right side Search
   ---------- */
		
.rightS {
	float: right;
	width: 510px;
	margin: 0 0 10px 0;
}
	.right_articlesS {
		height: 110px;
		border: 1px solid #eee;
		padding: 8px;	
		margin: 0 0 10px 0;
	}
/* main Details
   ---------- */


.mainD {
	float: right;
	width: 760px;
	margin: 0 0 10px 0;
}


/* main Details
   ---------- */


.leftO {
	float: right;
	width: 200px;
	margin: 0 0 10px 0;
}
.rightO {
	float: right;
	width: 360px;
	margin: 0 0 10px 0;
}
/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
}

.footer a {
	color: #9EC068;
	background: #fff;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}