/* -- Page wrapper -- */
#wrapper{
	background:url(../images/headerBlueBgr.jpg) no-repeat 5px 5px #ffffff;
	padding:0px 7px;
}


/* -- Header -- */
#header{

}

 /*  -- Main Menu -- */
    #mainMenu {
		margin-left:10px;  
		display:inline;
		float:left;
		width:710px;
    }
    #mainMenu ul.level_1{
      margin: 0px;
      padding: 0px;
      list-style-type: none;  
	  height:60px;
     
    }
    #mainMenu ul.level_1 li{
     	float:left;
     	height:45px;
		line-height:45px;		
		width:100px;
		text-align:center;
		
    }
    #mainMenu ul.level_1 li a{
		color:#ffffff;
		padding-top:5px;
		display:block;
    }
    #mainMenu ul.level_1 li a:hover{
     
    }
    #mainMenu ul.level_1 li.active{
    
	}
    #mainMenu ul.level_1 li.active p.active,
    #mainMenu ul.level_1 li.trail a{
      padding:0px;
	  text-decoration:none;
      color:#ffffff;
      margin: 0px;
	  background: url(../images/menuItemBgr.jpg) #2a4569;
	  height:53px;
	  line-height:53px;			  
    }

	
	/* -- Навігаційні кнопки сайту -- */
	.navBlock{
		float:left;
		height:60px;
		background:url(../images/vertShadowBgr.jpg) no-repeat 0px 2px #ffffff;
	}
	.navBlock a{
		display:block;
		width:30px;
		float:left;
		padding:0px 0px 0px 25px;
		margin-top:25px;		
	}
	.navBlock .mod_language_selector{
		margin-top:25px;
		*margin-top:20px;
	}
	.mod_language_selector table tr td.wBgr{
		padding-left:4px;
	}
	
	
	/* -- Service Banners  -- */
	#banner{
		height:220px;
		background:url(../images/securityFace.png) no-repeat right bottom;
	}
	
	#awardBanner{
		height:220px;
		background:url(../images/grAward.png) no-repeat right bottom;		
	}
	
	a.logoLink{
		display:block;
		float:left;
		padding:20px 10px 0px 15px;
		background:url(../images/deosLogo.png) no-repeat 17px 20px;		
	}	
	a.logoLink img{
		visibility:hidden;
	}	
	
	
	.compDescr{
		float:left;
		display:inline;
		width:450px;
		margin-left:25px;
		padding-top:50px;
	}
	.compDescr h1{
		font-family:Arial;
		font-size:12pt;
		font-weight:bold;
		margin:0px;
		padding:0px;
	}
	.compDescr p{
		margin:0px;
		padding:15px 0px 0px 0px;		
		line-height:130%;
	}		


/* -- -- */
#right{

}
#right .inside{

}




/* -- Right Info blocks -- */

.infoBlocks p{
	font-size:8pt;
	line-height:140%;
}
.infoBlocks .grBlock{
	background: url(../images/horShadowBgr.jpg) no-repeat bottom center;
}
.infoBlocks .consulting{
	background: url(../images/yellowBgr.png) no-repeat top left;
	height:271px;
	padding:0px 10px;
}
.infoBlocks .faq{
	background:url(../images/grayBgr.jpg) no-repeat top left; 	
	height:160px;
	padding:0px 10px;	
}
.infoBlocks .partner{
	background:url(../images/grayRelisBgr.jpg) no-repeat top left; 	
	height:160px;
	padding:0px 10px;
}
.infoBlocks .grBlock h1{
	margin:0px;
	padding:10px 0px 0px 0px;
}
.infoBlocks .grBlock a{
	color:#ffffff;
}
.infoBlocks .grBlock p{
	margin:0px;
	padding:8px 0px;	
}
.infoBlocks .grBlock ul{
	margin:0px;
	padding:6px 0px;		
}
.infoBlocks .grBlock ul li{}


	
	
/* -- Banner blocks -- */	
.servQuickLinks{
	margin:0px;
	padding:0px 0px 0px 1px;
	_padding:0px;	
	list-style-type:none;
	height:270px;
}
.servQuickLinks li{
	margin:0px;
	padding:0px;	
	width:224px;
	_width:223px;	
	float:left;
	display:inline;
	margin:2px 4px 0px 0px;
}
.servQuickLinks li.lastItem{
	margin-right:0px;
}
.servQuickLinks li a,
.servQuickLinks li a:visited{
	display:block;
	height:120px;
	color:#ffffff;
	text-decoration:none;
}
.servQuickLinks li a:hover{
	color:#ffffff;
	cursor:pointer;
}
.servQuickLinks li a span{
	display:block;
	padding:75px 0px 0px 10px;
	height:20px;
	line-height:16px;
	font-weight:bold;
	font-size:8pt;
}
.servQuickLinks li a:hover span{
	padding:75px 0px 0px 20px;
}

.foBanner{
	background:url(../images/omBanner.jpg) no-repeat center bottom;
}
.poBanner{
	background:url(../images/poBanner.jpg) no-repeat center bottom;
}
.voBanner{
	background:url(../images/ovBanner.jpg) no-repeat center bottom;
}
.ogpBanner{
	background:url(../images/ogBanner.jpg) no-repeat center bottom;
}
.omBanner{
	background:url(../images/foBanner.jpg) no-repeat center bottom;
}	
.edBanner{
	background:url(../images/bsBanner.jpg) no-repeat center bottom;
}
	
/* -- Client List Block -- */	



.cntList{
	margin:0px;
	padding:0px;
}
.cntList dd{
	margin:0px;
	padding:2px 0px 2px 5px;
}

/* -- Books list -- */
.sliderwrapper{
	height:220px;
	padding-left:10px;
	font-size:8pt;	
	line-height:140%;	
}
.contentdiv{
	height:220px;
	background:#ffffff;
}
.booksHeader{
	padding:0px 0px 5px 10px;	
}
.contentdiv p{
	padding:0px;
	margin:0px;
}
.contentdiv p strong.bookAuthor{
	color:#777777;
	display:block;
	padding:5px 0px;
	font-weight:normal;
}


/* -- Sub menu block -- */
.mod_navigationSub{
	margin:20px 0px;
}
.mod_navigationSub ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:8pt;
}
.mod_navigationSub ul li{
	margin:0px;
	padding:0px;	
	background:#bbbbbb;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;	
}
.mod_navigationSub ul li a{
	height:30px;
	line-height:30px;
	margin: 1px 0px 1px 0px;	
	padding: 0px 0px 0px 10px;
	display:block;
	background:#eeeeee;
}
.mod_navigationSub ul li p{
	text-align:center;
}

/* -- Page Articles -- */
.pageHeader{
	margin:30px 50px 10px 20px;

}
#pageArticle{
	margin:20px;
}
.shortTextIntro{
	margin:20px 0px 30px 0px;
}
.shortTextIntro p{
	padding-right:30px;
}
#main .ce_text .image_container{
}

/* -- -- */
.priceList{
	margin: 1px;
	border-collapse:collapse;
}
.priceList tr th{
	border:1px solid #bbbbbb;
	background:#dddddd;
	height:50px;	
	text-align:center;
}
.priceList tr td{
	border:1px solid #bbbbbb;
	height:50px;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
}
.priceList tr .sName{
	text-align:left;
	font-weight:normal;
	font-size:9pt;
}


/* -- Vacancy Block -- */
.vacancyBlock{
	border:1px solid #60788e;
	background:#b5d2ec;
	padding:10px;
	margin:0px 10px 0px 0px;
}

/* -- Services Submenu -- */
#subMenu{
	font-size:8pt;
	margin:10px 0px;
}
#subMenu li{
	white-space:nowrap;
	padding-top:2px ;
	padding-bottom:2px ;	
}


/* -- Feedback form -- */
#feedBackForm{}
#feedBackForm table{
	width:400px;
}
#feedBackForm table tr{}
#feedBackForm table tr td{
	width:200px;
}
#feedBackForm table tr td .text,
#feedBackForm table tr td textarea{
	width:200px;
}
#feedBackForm table tr td.col_1{
	
}



/* -- Footer block -- */
#footer{
	background:url(../images/headerBlueBgr.jpg) no-repeat #ffffff;	
	border-bottom:8px solid #ffffff;
	font-size:8pt;
}
#footer .copyright{
	float:left;
	width:735px;
	padding-top:20px;
	text-align:center;
}
#footer .developer{
	float:left;
	width:150px;
	padding:12px 0px;
	text-align:center;	
	background:url(../images/vertShadowBgr.jpg) no-repeat -1px 2px #ffffff;	
}
	
@media all
{

/**
* @section subtemplates
* @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
*/

.subcolumns {width: 100%; overflow:hidden;}

.c50l, .c25l, .c30l, .c33l, 
.c38l, .c40l, .c45l, .c55l, 
.c66l, .c70l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c30r, .c33r, 
.c38r, .c40r, .c45r, .c55r, 
.c66r, .c703, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c30l, .c30r { width: 30%; }
.c33l, .c33r { width: 33.333%; }
.c40l, .c40r { width: 40%; }
.c45l, .c45r { width: 45%; }
.c50l, .c50r { width: 50%; }
.c55l, .c55r { width: 55%; }
.c66l, .c66r { width: 66.666%; }
.c70l, .c70r { width: 70%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em }
.subcl { padding: 0 1em 0 0 }
.subcr { padding: 0 0 0 1em }


/**
 * (en) IE-Adjustments for subtemplates
 * (de) IE-Anpassung für Subtemplates
 *
 * Doubled Float-Margin Fix
 *
 * @bugfix
 * @affected   IE 5.x/Win, IE6
 * @css-for    IE 5.x/Win, IE6
 * @valid      yes
 */

* html .c50l, * html .c25l, * html .c30l, 
* html .c33l, * html .c38l, * html .c40l, 
* html .c45l, * html .c55l, * html .c66l, 
* html .c70l, * html .c75l, * html .c62l, 
* html .c50r, * html .c25r, * html .c30r, 
* html .c33r, * html .c38r, * html .c40r, 
* html .c45r, * html .c55r, * html .c66r, 
* html .c70r, * html .c75r, * html .c62r {display:inline;}


/**
 * Internet Explorer and the Expanding Box Problem
 * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
 *
 * @workaround
 * @affected   IE 5.x/Win, IE6
 * @css-for    IE 5.x/Win, IE6
 * @valid      yes
 */

* html .subcolumns .subc,
* html .subcolumns .subcl,
* html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; }
}


@media print
{

/**
 * @section layout preparation
 * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
 */

/* Linearising subtemplates */

.c50l, .c25l, .c30l, .c33l, 
.c38l, .c40l, .c45l, .c55l, 
.c66l, .c70l, .c75l, .c62l,
.c50r, .c25r, .c30r, .c33r, 
.c38r, .c40r, .c45r, .c55r, 
.c66r, .c703, .c75r, .c62r {width: 100%; margin:0; float:none; overflow:visible; display:table;}
.subc, .subcl, .subcr  {margin: 0; padding: 0;}


/**
 * @section browser fixes for print layouts
 * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
 */

/**
 * overflow:hidden Bug in print layouts
 *
 * @bugfix
 * @since     3.0
 * @affected  FF2.0, IE7
 * @css-for   all browsers
 * @valid     yes
 */

.subcolumns {overflow:visible; display: table; }

}