/**
 * @title			sodexo 2013
 * @description		header style sheet
 * @requires		custom.css
 * @media			screen
 */

/**
 * @section			skip-link
 * @tree			body > #skip-link > a
 */
#skip-link a {
	position:absolute; left:-10000px;
	background:#fff;
}
#skip-link a:focus {left:0;}

/**
 * @section			header
 * @tree			body > #header
 */
#header {
	position:relative; z-index:1;
	width:100%;
}
#header-left, #header-right {
	position:absolute; top:0;
	display:block;
	height:300px; width:50%;
	background-repeat:repeat-x; background-position:0 bottom;
}
#header-centre{position:absolute; top:0;
	           display:block;
	            height:350px; width:100%;
                 background-image:url(ribbon.png);
                background-repeat:no-repeat;
                background-position:center bottom ; /*0px bottom;*/
               
               }
#umbra{ background-color : Grey; 
        -webkit-box-shadow: 5px 5px 9px 0px rgba(26, 40, 50, 0.45);
        -moz-box-shadow:    5px 5px 9px 0px rgba(26, 40, 50, 0.45);
        box-shadow:         5px 5px 9px 0px rgba(26, 40, 50, 0.45); }               
                
.bigheader #header-left, .bigheader #header-right {height:300px;}
#header-left {left:0;
              background-image:url(poza-header-right-login.jpg); }
#header-right {right:0;
               background-image:url(poza-header-left-login.jpg); }
/*#header-centre{     display: block;
                    margin-left: auto;
                    margin-right: auto;
                    background-image:url(ribbon.png) }            */   
               
#header .outerWrapper {
	position:relative; z-index:1;
	padding-bottom:30px;
	/*background:url(bg-header.png) no-repeat 50% 9px;*/
}
/*.bigheader #header .outerWrapper {background:url(bg-header.png) no-repeat 50% 9px;}*/
#header .innerWrapper {
	margin:0 auto; padding-right:5px;
	width:985px;
}
#identity {
	float:left;
	margin-top:15px; margin-left:4px;
	height:131px; width:267px;
}
.bigheader #identity {height:148px;}
#logo a,
#logo a img {display:block;}
#logo a {
	padding:0 0 48px 19px;
	outline:0 none;
}
#header .wrapper {
	float:right; clear:right;
}
#header .wrapper .name {
	float:left;
	padding:20px 0 10px;
	color:#2a295c;
	font-weight:bold; font-size:12px; line-height:1;
	text-transform:uppercase;
}
#header .wrapper .name span {color:#f00;}
#header .wrapper .links {
	float:left;
	margin:20px 0 10px;
}
#header .wrapper .links li {
	float:left;
	padding-left:1em; margin-left:1em; border-left:1px solid #958c88;
}
#header .wrapper .links li a {
	display:block;
	color:#958c88;
	font:normal 12px/1  Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#header .wrapper + .wrapper {
	width:700px; min-height:26px;
}
#header .search {float:right;}
/**
 * @section			search form
 */
#search-block-form input {
	float:left;
	padding:0 .75em; border:1px solid #c1bcb8; border-right:none;
	height:2em; width:12em;
	background:#edece9; color:#958c88;
	font:normal 12px/2  Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
#search-block-form button {
	float:left;
	border:0 none;
	height:26px; width:26px;
	background:url(../img/btn/btn-search.png);
	cursor:pointer;
}
/**
 * @section			direct access links
 */
#header .direct-access,
#header .languages {
	position:relative; z-index:1;
	float:right;
	margin-left:5px;
	height:2em;
}
#header .direct-access p,
#header .languages p {
	display:block;
	padding:0 2em 0 .75em; border:1px solid #c1bcb8; border-right:none;
	background:#edece9 url(../img/btn/btn-direct-access.png) no-repeat 100% 50%; color:#958c88;
	font-size:12px; line-height:2;
	cursor:pointer;
}
#header .direct-access ul,
#header .languages ul {
	position:relative; left:-10000px; top:-1px;
	border-top:1px solid #c1bcb8;
}
#header .direct-access:hover ul, #header .direct-access.hover ul,
#header .languages:hover ul, #header .languages.hover ul {
	left:auto; right:0;
}
#header .direct-access a:focus,
#header .languages a:focus {
	position:absolute; top:0; left:10000px;
}
#header .direct-access:hover ul a:focus, #header .direct-access.hover ul a:focus, #header .direct-access a:active,
#header .languages:hover ul a:focus, #header .languages.hover ul a:focus, #header .languages a:active {position:static;}
#header .direct-access a,
#header .languages a {
	display:block;
	padding:0 2em 0 .75em; border:1px solid #c1bcb8; border-top:none;
	background:#edece9; color:#958c88;
	font-size:12px; line-height:2;
	white-space:nowrap;
}
/**
 * @section			navigation
 * @tree			body > #header > #navigation
 */
#navigation {
	float:left; clear:right;
	margin:25px -8px 0 0;
}
#navigation .nav-item {float:left;}
#navigation .nav-link {
	display:block;
	padding:0 20px;
	background-repeat:no-repeat; background-position: 0 18px;
}
.bigheader #navigation .nav-link, .i18n-de #navigation .nav-link{
    padding:0 15px;
}
.i18n-en #navigation {
    margin:25px -20px 0 0;
}
.i18n-ro #navigation .nav-link {
    padding: 0 6px;
}

#navigation .nav-item:first-child .nav-link {background:none;}
#navigation .nav-item:hover .nav-link,
#navigation .nav-link:focus,
#navigation .on .nav-link,
#navigation .active .nav-link,
.bigheader #navigation .nav-item:hover .nav-link,
.bigheader #navigation .nav-link:focus,
.bigheader #navigation .on .nav-link,
.bigheader #navigation .active .nav-link {
	padding:0;
	text-decoration:none;
	background:none;
}
#navigation .nav-item:hover + .nav-item .nav-link,
#navigation .on +  .nav-item .nav-link,
#navigation .active + .nav-item .nav-link,
.bigheader #navigation .nav-item:hover + .nav-item .nav-link,
.bigheader #navigation .on +  .nav-item .nav-link,
.bigheader #navigation .active + .nav-item .nav-link {background:none;}
#navigation .nav-link span {
	display:block;
	height:46px;
	background: url(../img/bg/bg-nav-item.png) no-repeat 0 -8px;
	color:#fff;
	font:normal 12px/44px sansa_pro_boldregular,  Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform:uppercase;
	cursor:pointer;
}
.bigheader #navigation .nav-link span {
	height:62px;
	background: url(../img/bg/bg-nav-item-cz.png) no-repeat 0 -8px;
	font-size:11px; line-height:1.4;
}

.bigheader #navigation .nav-link span span {
	display:table-cell;
	vertical-align:middle; text-align:center;
}
#navigation .nav-item:hover .nav-link span,
#navigation .on .nav-link span,
#navigation .nav-link:focus span,
#navigation .active span {
	padding:0 0 0 20px;
	background-position: 0 -57px;
}
.bigheader #navigation .nav-item:hover .nav-link span,
.bigheader #navigation .on .nav-link span,
.bigheader #navigation .nav-link:focus span,
.bigheader #navigation .active span {
	padding:0 0 0 15px;
	background-position: 0 -73px;
}
#navigation .nav-item:hover .nav-link span span,
#navigation .on .nav-link span span,
#navigation .nav-link:focus span span,
#navigation .active span span {
	padding:0 20px 0 0;
	background-position: 100% -103px;
	color:#000;
}
.bigheader #navigation .nav-item:hover .nav-link span span,
.bigheader #navigation .on .nav-link span span,
.bigheader #navigation .nav-link:focus span span,
.bigheader #navigation .active span span {
	padding:0 15px 0 0;
	background-position: 100% -135px;
	color:#000;
	
}
/**
 * @section			nav expand
 */
#navigation .expand {
	position:absolute; left:-10000px; top:122px;
	padding:25px 0 0;
	width:545px;
	background:url(../img/bg/bg-expand.png) no-repeat; color:#444;
	font-size:12px; line-height:1.5;
}
.bigheader #navigation .expand {top:138px;}

#navigation .nav-link:focus + .expand,
#navigation .nav-link:hover + .expand,
#navigation .nav-item:hover .expand {left:0; z-index:1;}

#js #navigation .nav-link:hover + .expand,
#js #navigation .nav-item:hover .expand {left:-10000px;}

#navigation .expand-inner {
	padding:0 38px 38px;
	background:url(../img/bg/bg-expand.png) no-repeat 100% 100%;
}
#navigation .expand-inner .description {margin-bottom:1em;}
#navigation .expand-inner .description img {
	float:left;
	margin:0 20px 0 0;
}
#navigation .expand-inner .description .description-wrapper {overflow:hidden;}
#navigation .active .expand-inner .description .description-wrapper span {padding:0;}
#navigation .expand-inner p {margin:0 0 1em;}
#navigation .expand-inner .title {
	padding:0 0 .25em; margin:0 0 .25em; border-bottom:1px solid #d8d8d8;
	color:#444;
	font-weight:bold; font-size:18px; line-height:1;
}
#navigation .expand-inner .expand-nav li {
	float:left;
	width:154px;
}
#navigation .expand-inner .expand-nav a {
	display:block;
	color:#444;
	margin-top:5px;
}
#navigation .expand-inner .description span a {
	color:#444;
	text-decoration: underline;
}
#navigation .expand-inner .description span a:hover, #navigation .expand-inner .description span a:focus {text-decoration:none;}

#navigation .expand-inner .expand-nav .sprite {
	display:inline-block;
	padding:0;
	height:9px; width:12px;
	background-repeat:no-repeat; background-position:1px 50%;
}



/**
 * hidden elements
 */
#logo a span,
#search-block-form label,
#search-block-form button span {
	display:block;
	height:0; width:0;
	overflow:hidden;
}

/**
 * clearing
 */
#header .innerWrapper:after,
#header .wrapper:after,
#navigation:after,
#navigation .expand-inner:after,
#navigation .description:after {
	display:table;
	clear:both;
	content:'';
}