@charset "utf-8";

/* CSS Document */

*{
	margin:0; padding:0;	
}

html,body{
	width:100%;
	height:100%;
	background:#0a4184;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #686868;	
}
a{
	outline:none; 
	text-decoration:none;
}
a img{
	border:0;
}
html{
	overflow-y:scroll;
	font-size:11px;
}
.clear{	clear:both; }
	
/*===========  COLORS  ========*/
.gray{
	color:#686868;
}
.dargrey{
	color:#5c5c5c;
}
.darkblue{
	color:#2E68B0;
}
.lightblue{
	color:#1074ee;
}
.purple{
	color:#b24bac;
}
/*========= end COLOR ==========*/



/*===========  FONT-SIZE  ========*/

.smallfont{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.normalfont{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif!important;
}

/*=========== end FONT-SIZE  ========*/

div.no-bg{
	background:none!important;
}
.uppercase{
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.site-padding{
	padding: 0 0 0 20px;
}

div#main{
	width:952px; 
	margin:0 auto;
}
div.header{
	width:952px;
	height:166px;
	background:url(../images/header-bg.jpg) no-repeat;
	float:left;
	font-size:11px;
	position:relative;
}
div.header a.logo{
	width:380px; height:135px; 
	position:absolute;
	top:0; left:0;
}
div.altmenu{
	float:right;
	padding:30px 22px 98px 0;
}
div.altmenu a{
	color: #fff;	
	}
div.topmenu{
	float:right;
	padding:0 14px 0 0;
	width:938px;
}
div.topmenu a{
	display:block;
	line-height:25px;
	color:#08356d;
	float:right;
	background:url(../images/top-menu-bg.jpg) repeat-x;
	margin-left:4px;
	padding:0 10px;
	border-left:1px solid #6c9d83;
	border-right:1px solid #6c9d83;	
	font-size:11px;
}
div.topmenu a:hover, div.topmenu a.top-current{
	color: #7b2476;
	background:url(../images/top-menu-hover.jpg) repeat-x;
}


/*===========  MENU  ========*/

div.menu{
	width:952px;
	height:30px;
	float:left;
}
div.menu ul{
	background:url(../images/menu-bg.jpg) repeat-x;
	height:30px;
}	
div.menu ul li{
	list-style:none;
	float:left;
}
div.menu ul li a{
	color:#FFFFFF;
	text-transform:uppercase;
	padding:0 7px;
	line-height:30px;
	display:block;
	font-size:11px;
}
div.menu ul li a:hover, div.menu ul li a.current{
	background:url(../images/menu-hover-bg.jpg) repeat-x;
}
div.menu ul li a.separator{
	padding:0;
	
}

/*=========== end MENU  ========*/

div.container{
	width:886px;
	background:#eef5fc;
	float:left;
	padding:26px 33px 0 33px;
	margin-bottom:19px; 
	min-height:400px; _height:400px;
}


/********* Actual *******/

div.actual{
	width:468px;
	float:right;
	background:url(../images/news-bg-line.jpg) bottom no-repeat;
	padding-bottom:20px;
	margin-bottom:21px;
}
div.actual img{
	float:right;
}
div.reflex{
	width:110px;
    height:21px;
	float:right;
	background:url(../images/pic-news-reflect.jpg) repeat-x;
}
span.news{
	width:338px;
	float:left;
	font-size:10px;
	color:#7e7f7e;
}
span.box-height{
	display:block; float:left; height:85px; overflow:hidden;
}
/********** end Actual ******/



/********* welcome *******/

div.welcome{
	width:390px;
	float:left;
}
div.welcome img{
	margin-bottom:10px;
}
div.baners{
	width:272px;
	float:left;
	margin-top:18px;
	padding:0 0 15px 0;
	text-align
}
div.baners img{
	float:left;
}

/********* end welcome *******/

h1.title{
	width:467px;
	font-size:12px;
	color:#2E68B0;
	background:url(../images/title-bg.jpg) bottom left no-repeat;
	float:right;
	padding-bottom:7px;
	margin-bottom:16px;
	text-transform:uppercase;
}

/********* Links *******/

div.links{
	float:right;
	width:467px;
	font-size:10px;
	margin-bottom:62px;
}
div.links a{
	width:230px;
	float:left;
	margin-bottom:20px;
	background:url(../images/title-bg.jpg) bottom no-repeat;
	padding-bottom:21px;
	display:block;
}


/*======== FOOTER ========*/

div.footer{
	width:952px;
	float:left;
	text-align:center;
	line-height: 20px;
}
div.footer a{
	color:#FFFFFF;
	font-size:10px;
}
span.hosting{
	width:952px;
	color:#84afff;	
}


