/* 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;
	/*background: #59616E url(../images/bg.jpg) repeat-x top left; */
	background:#a6a9b5;
	color: #111; 
	
}

.logo {/*border:1px solid red;*/padding:0;margin:0px;background: url(../images/laptop.jpg) no-repeat 70% 70%;height:140px;}
.logo h1, .logo ul {float:right;padding-right:70px;padding-top:35px; color:#fff;}
.logo ul {padding:15px 40px 0 0;margin:0;color:#111;}
a {	color: #5B6282;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.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; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.4em; margin-bottom: 5px; color: #454E6F; background: inherit; }

p {	margin: 0 0 5px 0; }

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
   ------ */
#container {width:858px;background:transparent url(../images/content_bg.jpg) repeat-y top left;margin: 0 auto;}
.content { 
	margin: 0 auto;
	width: 780px;
	padding:0px; 
	/*background:#fff url(../images/content_bg.jpg) repeat-y top left;*/
	/*border:1px solid #bbb;*/
	background:#fff;

}

.content p {line-height:18px;margin:12px 0;font-size:12px;}







.header { 
	height: 185px;
	/*background: #fff url(../images/header_bg.jpg) repeat-x top left;*/
	color: #808080;
position:relative;	
	padding: 0;
	

}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
	border:1px solid red;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

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

.bar { 
	clear: both;
	position:absolute;

	right:0px;
	top:150px;
	font-size: 1.1em;
	height: 40px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	/*background: #bbb url(../images/nav_bg.jpg) repeat-x top left;*/
}

	.bar li { 
		margin: 0; 
		padding: 10px 12px 10px 12px;
		color: #FFF;
		/*background: #bbb url(../images/nav_bg.jpg) repeat-x top left;*/
		float: left; 
		
	}
	
	.bar li.active { 
		/*background: #aaa url(bar.gif) no-repeat center top; */
		color: #fff;
		font-weight: bold; 
		padding: 10px 14px 10px 14px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #ebebeb; 
		background: inherit;
		text-decoration: none;
		
	} 
	
	.bar li a:hover { 
		color: #FFF; 
		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;
}
#language {background:#333 url(lang_bg.jpg) top right no-repeat;text-align:right;width:770px;padding:1px 5px 1px 5px;color:#C2C2C2;border-bottom:1px solid #e0e0e0;}
#language a:link, #language a:visited {color:#c2c2c2;text-decoration:none;}
#language a:hover {color:#fff;text-decoration:underline;}
.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, .left1 {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
}

.left h3, .left_box h3, .left1 h3{
	clear: both;
	/*background: #3C446B url(h3_bg.gif) repeat-x top left;*/
	background: #DEDEDE url(h3_intro.gif) repeat-x top left;
	color: #222;
	padding:10px 0 10px 20px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	border:1px solid #d7d7d7;
	margin: 0;
	font-size:12px;
	height:10px;
}
	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
	.left1 img {vertical-align:middle;background:#eee;border:1px solid #ccc;}
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}


	.right_articles, .right_articles1  {
		background: #eee;
		color: #414141;
		padding: 4px;	
		margin: 0 0 2px 0;
	}
	
	
	
.events  {
                font: Arial, Verdana, Sans-Serif;
                font-size: 12px;
                font-weight: bold;
                height:12px;
		background: #eee;
		color: #414141;
		padding: 0px;	
		margin: 0 0 0 0;
	}	
	
	
	.right_articles img, .right_articles1 img {padding:3px;border:1px solid #eee;margin-right:5px;background:#fff;}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	height:42px;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	background:#222;
	color:#fff;
}

.footer a { color: #fff; }

.counter {background:#eee;}
.head {background: url(counterbg.jpg) top left repeat-x;color:#fff;font-size:12px;}

#charting {padding:20px;}
#charting a {margin-right:5px;}
#charting a:hover{color:#111;}

div.content a.lang {color:#fff}

table.quotes td  img {vertical-align:middle;}

#submenu {
background: #fff;width: 247px;
font: 12px 'Trebuchet MS',Georgia, Times New Roman, sans-serif;


border: 1px solid #CCC;
padding:0;
margin:0;
margin-left: 0px;
}

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



#submenu ul li a{
padding-left: 45px;
padding-top: 6px;
padding-bottom: 3px;
display: block;
height: 20px;
background: #fff url(../img/subbg.jpg) left no-repeat;
text-transform: uppercase;
text-align: left;
color: #666666;
margin:0px;

}



#submenu li a:hover {

background-position: -250px 0;

}

#submenu ul li.current a{
background-position: -250px 0;
}

.right_articles1 a, .right_articles1 a:visited  {color:#f9f9f9;text-decoration:none;background:none;}
.right_articles1 a:hover  {color:#fff;text-decoration:underline;}

.right_articles a, .right_articles a:visited  {color:#444;text-decoration:none;}
.right_articles a:hover  {color:#888;text-decoration:underline;}

.main_news tr td a {color:#eee;text-decoration:none;}
.main_news tr td a:hover  {color:#fff;text-decoration:underline;}

.main_news tr td {padding:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;}

table.main_news {margin-left:15px;}

.reutertv {float:left;background:#FFF url(../images/right_reutertv2.gif); width:134px; height:33px;}

.reutertv_hover {float:left;background:#FFF url(../images/right_reutertv2.gif); width:134px; height:33px; background-position:top right; cursor: pointer;}

.vtour {float:left;background:#FFF url(../images/right_vtour2.gif); width:134px; height:33px;}

.vtour_hover {float:left;background:#FFF url(../images/right_vtour2.gif); width:134px; height:33px; background-position:top right; cursor: pointer;}