﻿body {
    margin: 0px 0px;
    padding: 0px;
    text-align: center;
    background: #e7e7e7;
    font-family:Arial, Helvetica, sans-serif;
    background-image:url('../images/page-back.png');
    background-position:center;
    background-repeat:repeat-y;
    overflow:scroll;
}

/* centering */
div#main {
    width: 980px;
    margin: 0px auto;
    text-align: left;
    padding: 0;
    background-color: #fff;

}
/* clearing padding/margin/border */
img, p, a, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear {
	clear:both;
}
/* top menu*/
.main-nav {
	width: 980px;
	height: 80px;
	background-color: #fff;
	background-image:url('../images/header-back.png');
	background-repeat:repeat-x;
}
.main-nav-alt { /* ============================================== alternative header for CONTACT */
	width: 980px;
	height: 80px;
	background-color: #fff;
	background-image: url('../images/header-top-alternate.png');
	background-repeat:repeat-x;
}
.main-nav-alt-b { /* ============================================== alternative header for CONTACT DETAILS */
	width: 980px;
	height: 80px;
	background-color: #fff;
	background-image: url('../images/header-top-alternate-b.png');
	background-repeat:repeat-x;
}
.main-nav-alt-c { /* ============================================== alternative header for LANG SELECTION */
	width: 980px;
	height: 80px;
	background-color: #fff;
	background-image: url('../images/header-top-alternate-c.png');
	background-repeat:repeat-x;
}
.main-nav-alt-d { /* ============================================== alternative header for CONTACT DETAILS CZ */
	width: 980px;
	height: 80px;
	background-color: #fff;
	background-image: url('../images/header-top-alternate-e.png');
	background-repeat:repeat-x;
}
/* first item of a menu aligment */
.main-nav-logo {
	width: 57px;
	margin: 0px 90px 0px 60px;
	float: left;
}
/* specification of block link */
.main-nav-link {
	float: left;
	width: auto;
	height: 40px;
	color: #fff;
}
.main-nav-item {
	width: auto;
	float:left;
	line-height: 13px;
	font-size: 14px;
	height:60px;
}
.main-nav-item a {
	font-size: 10px;
	text-decoration: none;
	color: #8a4a95;
	margin: 15px 30px 0px 0px;
	text-decoration:none;
	display:block;
	height: 25px;
}
.main-nav-item strong {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}
.main-nav-item strong:hover {
	border-bottom: 1px dashed #8a4a95;
}
.main-nav-lang {
	width: auto;
	float: right;
	height: 40px;
	color: #fff;
}
.main-nav-lang img {
	float: left;
	margin: 2px 4px 0px 0px;
	color: #fff;
}
.main-nav-lang a {
	font-size: 10px;
	text-decoration: none;
	color: #8a4a95;
	margin: 15px 30px 0px 0px;
	text-decoration:none;
	display:block;
	height: 25px;
}
.main-nav-lang strong {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}
.main-nav-lang strong:hover {
	border-bottom: 1px dashed #8a4a95;
}


/* footer */
.footer {
	width: 980px;
	height: 80px;
	background-color: #d0d0d0;
	background-image:url('../images/footer-back.png');
	background-repeat:repeat-x;
	font-size: 10px;
	float:left;
}
.footer p {
	color: #d0d0d0;
}
.footer a {
	color: #8a4a95;
	text-decoration:none;
}
.footer a:hover {
	color: #d0d0d0;
	text-decoration:none;
	border-bottom: 1px dashed #d0d0d0;
}
.footer-nav {
	width:auto;
	float:left;
	margin: 18px 0px 0px 30px;
}
.copyright {
	width: auto;
	float:right;
	margin: 18px 30px 0px 0px ;
}
/*.content-area {
	margin: 0px 30px 40px 30px;
	background-color: #fff;
}*/
.sitemap {
	margin: 0px 30px 0px 30px;
	background-image:url('../images/title-line-dark.png');
	background-repeat:repeat-x;
	background-position: 0px 30px;
	background-color: #d0d0d0;

}
.sitemap-title {
	font-size: 24px;
	font-weight: normal;
	color: #2a2a2a;
	margin: 0px 0px 10px 0px;
}
.sitemap p {
	font-size: 9px;
	text-transform:uppercase;
}
.sitemap a {
	color: #2a2a2a;	
	text-decoration: none;
	padding: 0px 30px 0px 0px;
}
.sitemap a:hover {
	color: #8a4a95;	
	padding: 0px 30px 0px 0px;
}
.sitemap-container {
	background-color: #d0d0d0;
}

/* two columns on home page*/
.content-left {
	width: 569px;
	min-height: 542px; /* ============================================ SETTING HEIGHT OF PAGE */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-full {
	width: 900px;
	min-height: 500px; /* ============================================ SETTING HEIGHT OF ALL PORTFOLIO ITEMS PAGES */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-left-it {
	width: 569px;
	min-height: 280px; /* ============================================ SETTING HEIGHT OF PAGE "IT.aspx" ONLY (EXCEPTION) */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-left-about {
	width: 569px;
	min-height: 400px; /* ============================================ SETTING HEIGHT OF PAGE "ABOUT.aspx" ONLY (EXCEPTION) */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-portfolio {
	width: 569px;
	min-height: 300px; /* ============================================ SETTING HEIGHT OF PAGE "PORTFOLIO.aspx" ONLY (EXCEPTION) */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-acces {
	width: 569px;
	min-height: 360px; /* ============================================ SETTING HEIGHT OF PAGE "ACCESSIBILITY.aspx" ONLY (EXCEPTION) */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-sec {
	width: 569px;
	min-height: 400px; /* ============================================ SETTING HEIGHT OF PAGE "SECURITY.aspx" ONLY (EXCEPTION) */
	float:left;
	margin: 0px 0px 20px 30px;
}
.content-right {
	width: 331px;
	float:right;
	height:100px;
	margin: 0px 30px 20px 0px;	
}

/* insight - news*/
.news {
	margin: 0px 0px 0px 0px;	
}
.insights {
	margin: 0px 0px 0px 0px;	
}
.news-insight-left-box {
	width: 93px;
	float: left;
	margin: 0px 0px 10px 0px;	
}
.news-insight-right-content {
	width: 223px;
	float: left;
	margin: 0px 0px 10px 10px;	
}
.space {
	height: 20px;
}
/* Language */
.main-lang {
	background-image: url('../images/lang-back.jpg');
	width: 980px;
	height: 278px;
	margin: -8px 0px 0px 0px;
	float:left
}
.jp-details {
	float: left;
	width: 250px;
	margin: -20px 0px  0px 740px;
}
.cz-details {
	float: left;
	width: 250px;
	margin: 0px 0px  0px 30px;
}
.lang-select {
	float:left;
	width: 360px;
	margin: 10px 0px 0px 30px;
}

/* Contact */
.main-contact {
	background-image: url('../images/contact-back.png');
	width: 980px;
	height: 278px;
	margin: -8px 0px 0px 0px;
	float:left
}

.map-cr-position {
	float:left;
	width: 250px;
	margin: 20px 0px 0px 255px;
}
.map-jp-position {
	float: right;
	width: 250px;
	margin: 133px 0px 0px 0px;	
}

/* Contact details */
.main-contact-details {
	background-image: url('../images/contact-back-b.png');
	width: 980px;
	height: 278px;
	margin: -8px 0px 0px 0px;
	float:left
}
.main-contact-details-cz {
	background-image: url('../images/contact-back-d.png');
	width: 980px;
	height: 278px;
	margin: -8px 0px 0px 0px;
	float:left
}

/* submenu */
.sub-menu {
	width: 569px;	
	float: left;
	margin: 0px 0px 15px 0px; 

}
.sub-menu div {
	width: 569px;
	margin: 0px 0px 5px 0px;
	float: left;
}
.sub-menu a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform:uppercase;
	padding: 0px 0px 0px 2px;
	background-repeat:no-repeat;	
	height: 15px;
	display:block;		
}
.sub-menu a:hover {
	background-repeat:no-repeat;
	color: #000;
}
.sub-menu a.first {
	width:569px;
	background-image:url('../images/sub-menu-back-a.png');	
}
.sub-menu a.first:hover {
	background-image:url('../images/sub-menu-back-a-h.png');	
}
.sub-menu a.second {
	width:375px;
	background-image:url('../images/sub-menu-back-b.png');	
}
.sub-menu a.second:hover {
	background-image:url('../images/sub-menu-back-b-h.png');	
}
.sub-menu a.third {
	width:470px;
	background-image:url('../images/sub-menu-back-c.png');	
}
.sub-menu a.third:hover {
	background-image:url('../images/sub-menu-back-c-h.png');	
}
.sub-menu a.fourth {
	width:525px;
	background-image:url('../images/sub-menu-back-d.png');	
}
.sub-menu a.fourth:hover {
	background-image:url('../images/sub-menu-back-d-h.png');	
}

/* portfolio items */
.portfolio {
	margin: 0px 0px 0px 0px;	
}
.portfolio-content {
	width: 569px;
	float: left;
	margin: 0px 0px 30px 0px;	
}
.portfolio-content-full {
	min-width: 100px;
	float: left;
	margin: 0px 0px 30px 0px;	
}
.portfolio-a-img {
	background-image:url(../images/details-icon.png);
	background-repeat:no-repeat;
	margin: 0px 30px 0px 15px;
	width: 19px;
	height: 154px;
}

