@import url('common.css');
@import url('service.css');

div#header{
	margin: 0 5%;
	height: 120px;
}

div#header div.logo{
	float: left;
	width: 25%;
	height: 120px;
	padding-top: 1px;
}

div#header div.blockMenu{
	float: left;
	width: 74%;
	height: 120px;
	border-top: 10px solid #5250A2;
	
}

div#hat{
	height: 170px;
}

div#blockIcons{
	float: left;
	height: 170px;
	width: 5%;
}

div#hat div.blockImages{
	float: left;
	height: 170px;
	width: 89%;
	background: url('../i/bg_header.gif') repeat-x 0 100%;
}

/*-------------------------------------- ÀÁÐÈÊÎÑ --------------------------------------*/

div.blockImages div.changeImage{
	width: 100%;
	height: 170px;
}

.flash{
	float:right;margin:-114px 0 0 220px;
}

div.blockImages div.slogan{
	position: relative;
	width: 372px;
	height: 58px;
	margin-top: -114px;
	margin-left: 36px;
}

div.ap{
	position:absolute;
	z-index:1;
	background: url('../i/slogan.gif') 0 0 no-repeat;
	width: 372px;
	height: 58px;
}

/*-------------------------------------- ÍÅ ÀÁÐÈÊÎÑ --------------------------------------*/

div#blockLanguages{
	float: left;
	height: 170px;
	width: 5%;
}

div.blockImages img, div.feature img{
	vertical-align: middle;
}
/*-------------------------------------- Menu --------------------------------------*/
ul#main_menu {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	
}

ul#main_menu li {
	float: left;
	vertical-align: top;
	padding-top: 45px;
	width: 19%;
	text-align: center;
}

ul#main_menu li.active {
	background: url('../i/marker.gif') 50% 0 no-repeat;
}
/*------------------------------------ EOF Menu ------------------------------------*/
/*------------------------------------- Icons --------------------------------------*/
ul.blockIcons{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.blockIcons li{
	text-align: center;
	vertical-align: middle;
}

ul.blockIcons li.active{
	text-align: center;
	vertical-align: middle;
	background-color: #5250a2;
}

/*----------------------------------- EOF Icons ------------------------------------*/
/*------------------------------------ Content -------------------------------------*/
div#content{
	margin: 0 6% 0 5%;
	//margin: 0 5% 0 5%;
}

div#content table{
	//width: 89%;
}
/*---------------------------------- EOF Content -----------------------------------*/
/*------------------------------------ Footer --------------------------------------*/
div#footer{
	margin: 0 6% 0 5%;
	padding: 20px 0;
}

div#footer div.copy{
	float: left;
	width: 15%;
	margin-right: 3%;
	color: #666666;
}

div#footer div.lsr{
	float: left;
}

div#footer div.developer{
	float: right;
	color: #b6b9c2;
	vertical-align: top;
}

/*---------------------------------- EOF Footer ------------------------------------*/
td.bottomLeft{
	background-color: #dedede;
	height: 10px;
}

td.bottomRight{
	background-color: #47468d;
	height: 10px;
}

td.topRight{
	width: 380px;
	background-color: #5250A2;
}

td.topLeft div.feature{
	padding-top: 55px;
	padding: 55px 20px 0 30px;
}

td.topRight div.feature ul{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	padding-top: 75px;
	//padding: 0;
	//margin-top: 75px;
}

td.topRight div.feature li{
	float: left;
	line-height: 4;
	width: 43%;
	padding-left: 14px;
	background: url('../i/white_mdash.gif') no-repeat 0 50%;
}

td.topRight div.feature a{
	color: white;
}

td.topRight div.feature a:hover{
	color: #FF8F22;
}

p{
	padding-top: 20px;
	line-height: 1.5;
}