@import url("../../stylesheets/custom.css");

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0; width: 100%}

table tr.odd {
	background: #f4f4f4;
}

table td {
	vertical-align: top;
	padding: 15px 12px;
}

table td p a {
	font-weight: bold;
}

body{font-family:Verdana, Arial, Helvetica,"DejaVu Sans", sans-serif; font-size: .65em;}
	
b , strong{font-weight: bold;}
i {font-style: italic;}




/***
Generated by Font Squirrel (http://www.fontsquirrel.com) on August 13, 2012 */
@font-face {
    font-family: 'pf_square_sans_proregular';
    src: url('../fonts/pfsquaresanspro-regular-webfont.eot.jpg');
    src: url('../fonts/pfsquaresanspro-regular-webfont.eot.jpg?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro-regular-webfont.woff.jpg') format('woff'),
         url('../fonts/pfsquaresanspro-regular-webfont.ttf.jpg') format('truetype'),
         url('../fonts/pfsquaresanspro-regular-webfont.svg.jpg#pf_square_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_square_sans_probold';
    src: url('../fonts/pfsquaresanspro-bold-webfont.eot.jpg');
    src: url('../fonts/pfsquaresanspro-bold-webfont.eot.jpg?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro-bold-webfont.woff.jpg') format('woff'),
         url('../fonts/pfsquaresanspro-bold-webfont.ttf.jpg') format('truetype'),
         url('../fonts/pfsquaresanspro-bold-webfont.svg.jpg#pf_square_sans_probold') format('svg');
    font-weight: bold;
    font-style: normal;
}


.alIco {
	vertical-align: text-bottom;
}

.layout-content {
	padding: 0;
	margin: 0;
}

.layout-wrapper-reset {
	width: 100%;
	margin: 0;
}

#additional-tools {
	top: 9px;
	right: 8px;
	z-index: 60;
}

.ext-link {
	vertical-align: -1px;
}

/***
	clearfix
			***/
.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
 
.clearfix {	display: inline-block;}
 
html[xmlns] .clearfix {	display: block;}
 
* html .clearfix {	height: 1%;}

.content {
	margin-bottom: 50px;
}
.content,
.medias-content {
	clear: both;
}

/***
	Sticky footer
		***/
html, body {height: 100%;}
body {padding: 0 0 0 22px;}
		
.layout-footer, .push {
	height: 16px;
}


/***
	SHARE TOOL
				***/
#share-tool {
	position: absolute;
	z-index: 999;
	right: -14px;
	top: 33px;
	width: 243px;
	height: 82px;
	background: url(../images/design/sprite.png) 0 -68px no-repeat;
	margin: 0 -7px 0 0;
	padding: 16px 0 0;
}

#share-tool form {
	padding: 0 11px 0 12px;
    text-align: right;
	margin: 0 16px 0 0;
	
}

#share-tool #rsearch {
	vertical-align: middle;
	border: 1px solid #bbbec1;
	background: #e1e2e3;
	border-radius: 3px;
	webkit-border-radius: 3px;
	margin: 0 4px;
	font-size: .95em;
	width: 130px;
	
	*margin-right: -6px;
}
		
	.bg #share-tool #rsearch {width: 126px; *width: 120px;}
	.cs #share-tool #rsearch {width: 103px; *width: 96px;}
	.da #share-tool #rsearch {width: 128px; *width: 120px;}
	.el #share-tool #rsearch {width: 111px; *width: 104px;}
	.es #share-tool #rsearch {width: 116px; *width: 108px;}
	.et #share-tool #rsearch {width: 130px;}
	.fr #share-tool #rsearch {width: 114px; *width: 104px;}
	.hu #share-tool #rsearch {width: 130px; *width: 115px;}
	.lt #share-tool #rsearch {*width: 105px;}
	.it #share-tool #rsearch {width: 128px;}
	.pl #share-tool #rsearch {width: 89px; *width: 79px;}
	.pt #share-tool #rsearch {width: 130px; *width: 115px;}
	.ro #share-tool #rsearch {width: 122px;}
	.sl #share-tool #rsearch {width: 128px;}
	.sk #share-tool #rsearch {width: 94px; *width: 82px;}

	
#share-tool .search-btn {
	cursor: pointer;
	border-top: 1px #022e70 solid;
	border-right: 2px #022e70 solid;
	border-bottom: 2px #022e70 solid;
	border-left: 1px #022e70 solid;
	background: #0d5ca6 url(../images/design/search-button-bg.png) repeat-x 0 100%;
	height: 19px;
	color: #fff;
	font-size: .95em;
	padding: 0 3px 3px;
	vertical-align: middle;
	border-radius: 2px;
	webkit-border-radius: 2px;
}

.hide {
	display: none;
}

/***
	HEADER
		***/
#path {
	position: relative;
	z-index: 0;
}

.layout-body {
	z-index: 0;
}

#banner-image-title {
    background-image: url("../images/banner2012/title_en.gif");
}
		




#layout {
	border: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/design/sprite.png) 984px -1030px no-repeat;
	margin: 0 auto -41px;
	padding-right: 22px;
}


/***
	NAVIGATION
				***/
.nav {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
}

.nav li {
	float: left;
	margin: 1px 1px 0 0;
	position: relative;
	text-align: center;
	
}


.nav li a {
	color: #fff;
	text-decoration: none;
	border-top-width: 8px;
	border-top-style: solid;
	padding: 0 22px 7px;
	display: block;
}

	.nav li.on a {
		font-size: 1.4em;
	}
	
	.nav li.home a {
		font-size: 1em;
	}
	
	.font-size-3 .nav li a {
		padding: 0 10px 7px;
	}
	
	.nav li.home a {
		border: 0;
		padding: 8px 8px 7px 35px;
		color: #069;
		font-weight: bold;
		background: url(../images/design/sprite.png) -1468px 5px no-repeat;
	}

	#layout .nav li.home a:hover {
		text-decoration: underline;
		color: #069;
	}

	.nav li.modes a {
		border-top-color: #7a9d67;
		background-color: #6b9256;
	}

	.nav li.themes a {
		border-top-color: #61a3a7;
		background-color: #4f999d;
	}

	.nav li.media a {
		border-top-color: #a671a5;
		background-color: #9c619b;
	}

	.nav li.facts a {
		border-top-color: #d06d6e;
		background-color: #cb5c5e;
	}

	.nav li.about a {
		border-top-color: #9f98d2;
		background-color: #948ccd;
	}

.nav li ul {
	background: #faf4f4;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border-top: 1px solid #fff;
	display: none;
	z-index: 100;
}

.nav li:hover ul {
	display: block;	
	
}

.nav li li {
	float: none;
	border-top: #c4c2c2 solid 1px;
	margin: 0;
}
	
	.nav li li:first-child {border: 0;}

#layout .nav li li a {
	border: 0;
	background-color: #faf4f4;
	color: #069;
	padding: 4px 8px;
	font-size: .96em;
	line-height: 1.25em;
	display: block;
	height: 100%;
	margin:0; 
}

	#layout .nav li .on a,
	#layout .nav li a:hover {
		color: #fff;		
	}

	#layout .nav li.modes .on a,
	#layout .nav li.modes a:hover {
		background-color: #6b9256;
	}

	#layout .nav li.themes .on a,
	#layout .nav li.themes a:hover {
		background-color: #4f999d;
	}

	#layout .nav li.media .on a,
	#layout .nav li.media a:hover {
		background-color: #9c619b;
	}

	#layout .nav li.facts .on a,
	#layout .nav li.facts a:hover {
		background-color: #cb5c5e;
	}

	#layout .nav li.about .on a,
	#layout .nav li.about a:hover {
		background-color: #948ccd;
	}



/***
	SIDEBAR
			***/
.layout-right {
	padding: 0;
	margin: 143px 0 0;
	width: 246px;
	position: relative;
	z-index: 100;
}

.layout-right #follow {
	background: url(../images/design/sidebar-shadow.png) 0 100% no-repeat;
	padding: 0 0 1px 23px;
}

.layout-right #follow li {
	text-align: center;
	margin: 0 auto 17px;
	padding: 0 25px;
	position: relative;
}

.layout-right #follow li span {
	position: absolute;
	width: 0;
	overflow: hidden;
}

.layout-right #follow #newsletter, .layout-right #follow #kallas-twitter {
	padding-right: 22px;
}

.layout-right #follow #newsletter a, .layout-right #follow #kallas-twitter a {
	display: block;
	height: 100%;
	padding: 0 33px 0 0;
	text-align: right;
	text-decoration: none;
	font-size: 1em;
	color: #1d436a;
}

.layout-right #follow #newsletter a {
	background: url(../images/design/sprite.png) no-repeat -1339px -110px;
}

.layout-right #follow #kallas-twitter a {
	background: url(../images/design/sprite.png) no-repeat -1341px -1470px;
}

.layout-right #follow #newsletter a:hover, .layout-right #follow #kallas-twitter a:hover {
	text-decoration: underline;
}

.layout-right #follow #newsletter a img, .layout-right #follow #kallas-twitter a img {
	position: relative;
}

.layout-right #rss {
	margin: 10px 0;
}

.layout-right #rss a {
	display: block;
	padding: 10px 19px 10px 48px; 
	text-align: right;
	text-decoration: none;
	font-weight: bold;
}

.layout-right #rss a:hover {
	text-decoration: underline;
}

.layout-right #rss a img {
	vertical-align: middle;
}

#layout .layout-right .focus h2 {
	height: 42px;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	line-height: 39px;
	background: url(../images/design/sprite.png) -1268px -171px no-repeat;
	color: #fff;
	font-size: 1.763em;
	font-weight: bold;
	padding-left: 20px;
	margin: 0 -3px 0 0;
}



.layout-right .focus ul {
	width: 165px;
	padding: 10px 15px 10px 48px;
}

.layout-right .focus ul li {
	list-style: inside disc;
	color: #1d436a;
	margin: 0 0 7px;
	font-size: .85em;
	
}

.layout-right .focus ul li a {
	color: #1d436a;
	text-decoration: none;
	font-size: 1.15em;
	line-height: 1.35em;
}

.layout-right .focus ul li a:hover {
	text-decoration: underline;
}

.layout-right .promo {
	background: url(../images/design/sprite.png) 0 -1067px no-repeat;
	padding: 24px 0 0 23px;
}

.layout-right .promo li {
	padding: 0 25px;
	margin: 0 0 6px;
}

.layout-right .promo li span {
	position: absolute;
	width: 0;
	overflow: hidden;
}

.layout-right #flipbook,
.layout-right #smartphone,
.layout-right #ten-t,
.layout-right #promo, 
.layout-right #promo-going-abroad, 
.layout-right #promo-app, 
.layout-right #promo-air-ban-search, 
.layout-right #btn-promo,
.layout-right #promo-tentecmap {
	padding: 0 0 0 23px;
}
.maritime .layout-right #btn-promo {
	padding: 20px 0 0 0;
	margin-left: 57px;
	
}
.maritime .layout-content img.ports {
	border: 1px solid #CCDEEB; 
	margin-left: 72px;
	
}
.maritime .layout-content  p.ports {
	margin-right: 87px;
    text-align: right;
	
}


.layout-right #buttons {
	background: transparent url(/transport/_static/images/design/bg-connect.png) no-repeat 100% 0;
	padding-top: 25px;
}

.layout-right #smartphone h2 {
	color: #439dd5;
	text-align: center;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	font-weight: bold;
	font-size: 1.763em;
	margin-top: 22px;

}

.layout-right #smartphone ul {
	padding: 12px 0 0;
}

.layout-right #flipbook li,
.layout-right #ten-t li,
.layout-right #smartphone li,
.layout-right #promo li,
.layout-right #promo-going-abroad li,
.layout-right #promo-app li,
.layout-right #promo-air-ban-search li,
.layout-right #btn-promo li,
.layout-right #promo-tentecmap li {
	position: relative;
	margin: 0 0 6px 14px;
	text-align: center;
}

.layout-right #flipbook li a span,
.layout-right #ten-t li a span,
.layout-right #smartphone li a span,
.layout-right #promo li a span,
.layout-right #promo-going-abroad li a span,
.layout-right #promo-app li a span,
.layout-right #promo-air-ban-search li a span,
.layout-right #promo-tentecmap li a span,
.layout-right #btn-promo li a span {
	overflow: hidden;
	width: 0;
	position: absolute;
}
.layout-right #flipbook li a img,
.layout-right #ten-t li a img,
.layout-right #smartphone li a img,
.layout-right #promo-going-abroad li a img,
.layout-right #promo-app li a img,
.layout-right #promo-air-ban-search li a img,
.layout-right #promo li a img{
	border: 1px solid #6dd8f5;
}

/* sub-menu */

.layout-right #sub-menu {
	margin: 0 0 0 42px;
}

#layout .layout-right #sub-menu h2 {
	font-family: pf_square_sans_proregular,Verdana,Arial,Helvetica,"DejaVu Sans",sans-serif;
	color: #fff;
	font-size: 1.3em;
	margin: 0;
	padding: 6px 3px 6px 15px;
	font-weight: bold;
}
#layout .layout-right #sub-menu h2 a { color: #fff; text-decoration: none; }
#layout .layout-right #sub-menu h2 a:hover, #layout .layout-right #sub-menu h2 a:focus { text-decoration: underline; }

	body.modes .layout-right #sub-menu h2 {background-color: #6b9256;}
	body.themes .layout-right #sub-menu h2 {background-color: #4f999d;}
	.layout-right #sub-menu h2 {background-color: #9c619b;}
	body.facts-fundings .layout-right #sub-menu h2 {background-color: #cb5c5e;}
	body.about-us .layout-right #sub-menu h2 {background-color: #948ccd;}


.layout-right #sub-menu ul {
	padding: 0;
	margin: 0;
}
.layout-right #sub-menu ul ul,
.layout-right #sub-menu ul ul ul{
	display: none;
}
.layout-right #sub-menu ul li.on > ul {
	display: block;
}
.layout-right #sub-menu ul li.no1 {
	display: none;
}

.layout-right #sub-menu ul li a {
	background: url(../images/design/sprite.png) -1455px -863px no-repeat;
	margin: 0;
	padding: 0 6px 0 27px;
}
	

.layout-right #sub-menu ul li a {
	text-decoration: none;
	display: block;
	padding: 3px 0;
}

.layout-right #sub-menu ul li a:hover {
	text-decoration: underline;
}

	.layout-right #sub-menu ul li a:hover {
		color: #fff;
	}
	
	body.modes .layout-right #sub-menu ul li a:hover,
	body.modes .layout-right #sub-menu ul li a.on {background-color: #6b9256;color:#fff;}
	body.themes .layout-right #sub-menu ul li a:hover,
	body.themes .layout-right #sub-menu ul li a.on {background-color: #4f999d;color:#fff;}
	body.media .layout-right #sub-menu ul li a:hover,
	body.media .layout-right #sub-menu ul li a.on {background-color: #9c619b;color:#fff;}
	body.facts-fundings .layout-right #sub-menu ul li a:hover,
	body.facts-fundings .layout-right #sub-menu ul li a.on {background-color: #cb5c5e;color:#fff;}
	body.about-us .layout-right #sub-menu ul li a:hover,
	body.about-us .layout-right #sub-menu ul li a.on {background-color: #948ccd;color:#fff;}
	
	

.layout-right #sub-menu ul li a {
	color: #027ac6;
	padding-left: 30px;
}

.layout-right #sub-menu ul li.expandable.on > a.on {
	background-position: -1476px -822px;
	padding-bottom: 4px;
}
.layout-right #sub-menu ul li ul li.expandable.on > a.on {
	background-position: -1460px -822px;
}
	
	body.modes .layout-right #sub-menu ul > li.on {background-color: #dee7da;}
	body.themes .layout-right #sub-menu ul > li.on {background-color: #c3e3e5;}
	body.media .layout-right #sub-menu ul > li.on {background-color: #eecfe4;}
	body.facts-fundings .layout-right #sub-menu ul > li.on {background-color: #d06d6e;}
	body.about-us .layout-right #sub-menu ul > li.on {background-color: #9f98d2;}


.layout-right #sub-menu ul li.on li {
	/*background: url(../images/design/sprite.png) -1468px -863px no-repeat;*/
	padding:  0 0 0 0;
	margin: 0 0 0 0;
}

.layout-right #sub-menu ul li.on li a {
	background: url(../images/design/sprite.png) -1440px -862px no-repeat;
	padding-left: 45px;
}

.layout-right #sub-menu ul li li.on a {
	background: url(../images/design/sprite.png) -1461px -1182px no-repeat;
}
.layout-right #sub-menu ul li.on ul li ul li a {
	padding-left: 60px;
	background-position: -1445px -1182px;
}

	body.modes .layout-right #sub-menu ul li li > a:hover,
	body.modes .layout-right #sub-menu ul li li.on > a {
		background-color: #6b9256;
		color: #fff;
	}

	body.modes .layout-right #sub-menu ul ul ul li a:hover, 
	body.modes .layout-right #sub-menu ul ul li.on ul li > a {
		background-position: -1424px -862px;
		background-color: #dee7da;
		color: #027AC6;
	}
	
	body.themes .layout-right #sub-menu ul ul ul li a:hover, 
	body.themes .layout-right #sub-menu ul ul li.on ul li > a {
		background-position: -1424px -862px;
		background-color: #C3E3E5;
		color: #027AC6;
	}

	body.modes .layout-right #sub-menu ul ul li.on ul li.on > a.on {
		background-position: -1445px -1182px;
		background-color: #6b9256;
		color: #fff;
	}
	
	body.themes .layout-right #sub-menu ul ul li.on ul li.on > a.on {
		background-position: -1445px -1182px;
		background-color: #4F999D;
		color: #fff;
	}


/***
	HOMEPAGE (HP) SPECIFIC
							***/

.home h1 {
	height: 0;
	margin-left: -99999px;
}							
							
.home .layout-wrapper {
	width: 723px;
}
							x
.home .layout-wrapper-reset {
	width: 754px;
}

.layout-content-reset {
	padding: 64px 0 0;	
}

.home .layout-content-reset {
	padding-top: 79px;	
}


.home .layout-content-reset {
	padding-right: 49px;
}

.home .layout-right {
	width: 229px;
}


/*****
		HIGHLIGHTS
					*****/
#highlights {
	position: relative;
}

#layout #highlights h2 {
	background: #3c4ea0;
	font-size: 2.403em;
	color: #fff;
	padding: 3px 21px 6px;
	font-weight: bold;
	position: relative;
	font-family: pf_square_sans_probold, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	display: inline-block;
	
	*display: block;
	*width: 172px;
	
}

	.js #layout #highlights h2 {z-index: 1; margin-left: 10px;}
	

#list-highlights {
	clear:left;
}

	.js #list-highlights {
		margin-top: -7px;
		z-index: 0;
	}

#list-highlights .item-highlight {
	color: #18375d;
	padding: 21px 0 0;
}

#list-highlights .item-highlight .pic {
	margin: 0 26px 26px 0;
	float: left;
}

#list-highlights .item-highlight h3 {
	background: none transparent;
	margin: 22px 0 16px;
	font-weight: bold;
	font-size: 1.1em;
}

#list-highlights .item-highlight h3 a {
	color: #3c4ea0;
	text-decoration: none;
}

#list-highlights .item-highlight p {
	font-size: .9em;
}

#list-highlights .item-highlight .date {
	font-size: .8em;
	font-weight: bold;
	margin: 0 0 2px;
}

#highlights .more {
	text-align: right;
	margin: 6px 0 0;
	overflow: hidden;
}

#highlights .more a {
	border-top: 1px #022e70 solid;
	border-right: 2px #022e70 solid;v
	border-bottom: 2px #022e70 solid;
	border-left: 1px #022e70 solid;
	background: #303D7E url(../images/design/more-highlights-bg.png) repeat-x 0 1px;
	color: #fff;
	font-size: .95em;
	padding: 6px 6px 5px;
	vertical-align: middle;
	border-radius: 4px;
	webkit-border-radius: 4px;	
	text-decoration: none;
	font-weight: bold;
	float: right;
}





/***
	MEDIAS BOXES
				***/
#medias .media {
	margin: 0 0 20px;
}



#medias h2 {
	background: #e6e6e6;
	border-radius: 2px;
	webkit-border-radius: 2px;
	color: #3a56d4;
	display: inline-block;
	padding: 12px 33px;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	z-index: 0;
}

#medias .medias-content {
	margin-top: -2px;
	border: 1px solid #a1b1f6;
	z-index: 1;
	position: relative;
	padding: 0 0 4px;
}
	
	body.modes #medias .medias-content {border: 1px solid #abcf97;}
	body.themes #medias .medias-content {border: 1px solid #4f999d;}
	body.media #medias .medias-content {border: 1px solid #9c619b;}
	body.facts-fundings #medias .medias-content {border: 1px solid #cb5c5e;}
	body.about-us #medias .medias-content {border: 1px solid #948CCD;}
	
	.font-size-2 #medias .medias-content {margin-top: 1px;}

#medias .list-medias .item-media {
	padding: 12px 32px 1px;
}

#medias .list-medias .item-media.even {
	background: #e6e6e6;
} 

#medias .list-medias .item-media {
	color: #18375d;
}

#medias .list-medias .item-media span {
	display: block;
}

#medias .list-medias .item-media a, #medias .list-medias .item-media span.nolink {
	text-decoration: none;
	font-weight: bold;
	color: #18375d;
	font-size: 1.05em;
}

#medias .list-medias .item-media a:hover {
	text-decoration: underline;
}

#medias .list-medias .item-media .date {
	margin-top: 4px;
	font-style: italic;
}

#medias .more {
	padding: 7px 6px 5px;
	text-align: right;
	*zoom: 1;
}


#medias .more .rss {
	vertical-align: middle;
}

#medias .more .rss img {
	padding: 3px 3px 0 0;
	vertical-align: middle;
}

#medias .more .link-more {	
	border-top: 1px #022e70 solid;
	border-right: 2px #022e70 solid;v
	border-bottom: 2px #022e70 solid;
	border-left: 1px #022e70 solid;
	background: #303D7E url(../images/design/more-highlights-bg.png) repeat-x 0 1px;
	color: #fff;
	font-size: .95em;
	padding: 6px 6px 5px;
	vertical-align: middle;
	border-radius: 4px;
	webkit-border-radius: 4px;	
	text-decoration: none;
	font-weight: bold;
	float: none;
}

	body.modes #medias .more .link-more  {
		border-top: 0;
		border-right: 2px #465f38 solid;
		border-bottom: 2px #769366 solid;
		border-left: 1px #769366 solid;
		background: #537143 url(../images/design/more-highlights-bg-green.png) repeat-x 0 1px;
	}

	body.themes #medias .more .link-more {
		border-top: 0;	
		border-right: 2px #4c7679 solid;
		border-bottom: 2px #72adb1 solid;
		border-left: 1px #72adb1 solid;
		background: #59878a url(../images/design/more-highlights-bg-aquablue.png) repeat-x 0 1px;
	}
	
/***
	FOOTER
			***/
.layout-footer {
	max-width: 956px;
    /*min-width: 770px;*/
	margin: 0 auto -16px;
    margin: 0 auto;
    text-align :left;
    background: #439dd5;
    color: #fff;
    padding: 15px 22px 15px 28px;
    font-size: 1.2em;
	position: relative;
	
    *margin-top: 42px; 
}

.footer-inner {

	width: 22px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
}

.layout-footer a {
	color: #fff;
	text-decoration :none;
	font-size: 1em;
}

.layout-footer a:hover {
	text-decoration :underline;
}












/******
		LEVEL 2 - SUB-HP PAGES
					
									******/
.hp-section .layout-wrapper {
	background: url(../images/design/picture-bg.png) no-repeat 509px 253px fixed;
}

.hp-section .layout-wrapper-reset {
	width: 100%;
}




.hp-section .abstract,
.hp-section h1 {
	max-width: 745px;
}

.hp-section h1 {
	font-size: 2.403em;
	font-weight: bold;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	margin: 0 0 21px;
}

	h1 {color: #9c619b;}
	body.modes h1 {color: #6b9256;}
	body.themes h1 {color: #4f999d;}
	body.facts-fundings h1 {color: #cb5c5e;}
	body.about-us h1 {color: #948ccd;}

.hp-section .abstract {
	color: #069;
	line-height: 1.3em;
}

.hp-section #sub-themes {
	margin: 30px 0;
	position: relative;
}


.hp-section #sub-themes .sub-theme {
	width: 309px;
	margin: 0 15px 45px 0;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	color: #18375d;

	*float: left;
	
}

.hp-section #sub-themes .sub-theme h2 {
	
}

.hp-section #sub-themes .sub-theme h2 a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.hp-section #sub-themes .sub-theme h2 a:hover {
	text-decoration: underline;
}

.hp-section #sub-themes .sub-theme h2 a span {
	height: 36px;
	display: table-cell;
	vertical-align: middle;
	background-image: url(../images/design/sprite.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;

	*display: block;
	*position: relative;
}

		body.themes #sub-themes .sub-theme h2 a {color: #4f999d;}

		body.themes #sub-themes .strategies h2 a span {background-position: -912px -521px; padding-left: 38px;}
		body.themes #sub-themes .passengers h2 a span {background-position: -860px -574px; padding-left: 40px;}
		body.themes #sub-themes .security h2 a span {background-position: -805px -632px; padding-left: 38px;}
		body.themes #sub-themes .road_safety h2 a span {background-position: -398px -1029px; padding-left: 54px;}
		body.themes #sub-themes .urban h2 a span {background-position: -743px -689px; padding-left: 50px;}
		body.themes #sub-themes .sustainable h2 a span {background-position: -460px -978px; padding-left: 47px;}
		body.themes #sub-themes .infrastructure h2 a span {background-position: -698px -748px; padding-left: 30px;}
		/*body.themes #sub-themes .ten h2 span span {*padding-left: 0px;}*/
		body.themes #sub-themes .its h2 a span {background-position: -633px -797px; padding-left: 44px;}
		body.themes #sub-themes .research h2 a span {background-position: -571px -856px; padding-left: 38px;}
		body.themes #sub-themes .international h2 a span {background-position: -520px -917px; padding-left: 44px;}
		

		body.modes #sub-themes .sub-theme h2 a {color: #6b9256;}

		body.modes #sub-themes .air h2 a span {background-position: -1222px -234px; padding-left: 43px;}
		body.modes #sub-themes .road h2 a span {background-position: -1143px -280px; padding-left: 52px;}
		body.modes #sub-themes .rail h2 a span {background-position: -1093px -340px; padding-left: 38px;}
		body.modes #sub-themes .maritime h2 a span {background-position: -1033px -393px; padding-left: 44px;}
		body.modes #sub-themes .inland h2 a span {background-position: -963px -448px; padding-left: 66px;}
		
		/*PSO*/
		body.themes #sub-themes .pso h2 a span {background-position: -963px -797px; padding-left: 36px;}


.hp-section #sub-themes .sub-theme h2 a span span {
	*position: absolute;
	*display: block;
	*top: 50%;
	*height: auto;

	background: none;
	padding: 0;
}

.hp-section #sub-themes .sub-theme h2 a span span span {
	font-size: 1.807em;
	font-weight: bold;
	background: none;
	width: 259px;


	*display: block;
	*padding: 5px 0;
	*position: relative;
	*top: -50%;
}

.hp-section #sub-themes .sub-theme img {
	margin: 10px 0 7px;
	border: 1px solid #439dd5;

}

.hp-section #sub-themes .sub-theme .abstract {
	line-height: 1.3em;
}

.hp-section #sub-themes .sub-theme ul {
	padding: 0 0 0 17px;
	margin: 11px 0 0;
}

.hp-section #sub-themes .sub-theme ul li {
	list-style: disc;
	margin: 0;
}

.hp-section #sub-themes .sub-theme ul li a {
	font-size: 1.05em;
	list-style: disc;
	color: #18375d;
	text-decoration: none;
}

.hp-section #sub-themes .sub-theme ul li a:hover {
	text-decoration: underline;
}

.hp-section #sub-themes .clear {
	clear: left;
}



/***
	LEVEL 3 - THEME
					***/
.hp-subsection .layout-wrapper {
	background: url(../images/design/picture-bg.png) no-repeat 309px 33px;
}

.hp-subsection .layout-wrapper-reset {
  /* width: 754px;*/
}



.hp-subsection h1 {
	font-size: 2.403em;
	font-weight: bold;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	margin: 0 0 21px 0;
}

#intro {
	margin: 0 0 25px 0px;
	width: 100%;
	
	*margin-bottom: 10px;
}
					
#intro-content {
	line-height: 1.4em;
	color: #069;
	margin: 0;
	
	*zoom: 1;
}
				
#intro-content p {
	margin: 0 0 11px;
}

#illu {
	float: right;
	margin: 0;

}

#intro #illu  {
	margin-left: 15px;
}

#intro #illu  img {
	border: #d1d2d2 2px solid;
}

.hp-subsection #intro #illu  {
	text-align: center;
	display: block;
	padding: 0 0 15px 0;
	background: url(../images/design/picture-shadow.png) 50% 100% no-repeat;
	min-width: 396px;
	margin-right: -31px;
}

.hp-subsection #illu img {
	max-width: 319px;
	max-height: 211px;
}

.hp-subsection h2 {
	clear: both;
	font-weight: bold;
	font-size: 1.7em;
	margin: 0 0 12px 0;
	
}

	#layout h2 {color: #9c619b;}
	body.modes #layout h2 {color: #6b9256;}
	body.themes #layout h2 {color: #4f999d;}
	body.facts-fundings #layout h2 {color: #cb5c5e;}
	body.about-us #layout h2 {color: #948ccd;}

.hp-subsection #medias h2 {
	margin: 0;
}







/*****
	CONTENT PAGE
				******/
.standard {
	color: #069;
}

.standard .layout-content-reset {
	width: 723px;
}


.standard h1 {
	font-size: 2.403em;
	font-weight: bold;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	margin: 0 0 21px;
	max-width: 745px;
}


.layout-content-reset p, 
.layout-content-reset ul, 
.layout-content-reset ol{
	margin: 0 0 12px;
	line-height: 1.4em;
	color: #069;
}

.layout-content-reset .floatleft > img {
	float: left;
	padding-right: 5px;
}

.standard .layout-content strong {
	font-weight: bold;
}

.standard .layout-content em {
	font-style: italic;
}


.standard .layout-content li {
	margin: 0 0 6px 40px;
	list-style: disc;
}

.standard #layout h2 {
	color: #18375d;
	font-weight: bold;
	font-size: 1.6em;
	margin: 0 0 5px;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	clear: left;
}

#layout h3 {
	color: #18375d;
	background-color: #fff;
	font-size: 1.6em;
	margin: 20px 0;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	padding: 0;
}
	body.modes #layout h3 {background-color: #6b9256; color: #fff;}
	body.themes #layout h3 {background-color: #4f999d; color: #fff;}
	body.media #layout h3 {background-color: #9c619b; color: #fff;}
	body.facts-fundings #layout h3 {background-color: #cb5c5e; color: #fff;}
	body.about-us #layout h3 {background-color: #948ccd; color: #fff;}

.js #layout h3 {
	padding: 6px 10px 6px 10px;
}
	
.standard .layout-content-reset ul > li {
	margin: 0 0 0 43px;
	list-style: disc;
}

.standard .layout-content-reset ol > li {
	margin: 0 0 0 43px;
	list-style: decimal;
}

.standard #layout h4 {
	color: #18375d;
	font-weight: bold;
	font-size: 1.3em;
	margin: 20px 0 10px 0;
}

#layout .add-info h3,
#layout .add-info h4 {
	font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
}

#layout .add-info h4 {
	margin: 20px 40px;
	font-size: 1.6em;
}

.add-info ul,
.add-info ol {
	margin: 0 0 27px;
}

.add-info p {
    padding: 0 0 0 43px;
}

.add-info a:link, .add-info a:visited, .add-info a:active {
	text-decoration: none;
	color: #006699;
}

.add-info a:hover {
	color: #18375d;
	text-decoration: underline;
}

.standard .layout-content .layout-right li {
	list-style: none;
	margin: 0;
}



/***
	ABOUT US
			***/
body.about-us .layout-content-reset,
.hp-subsection .layout-content-reset {
	width: 723px;	
}

body.about-us h1 {
	font-size: 2.3em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	margin: 0 0 21px;
	max-width: 745px;
}

body.about-us #intro {
	margin: 0;
}

body.about-us #intro-content {
	width: auto;
}

body.about-us .layout-content h2 {
	background-color: #f3f0f0;
	font-weight: bold;
	font-size: 1.7em;
	margin: 0 0 12px 0;
}

body.about-us #contact{
/*	width: 276px; */
	margin: 19px 0 0 ;
}

body.about-us #contact h2 {
	padding: 6px 0 6px 18px;
	color: #069;
	margin: 0;
}


body.about-us #contact address {
	padding: 0 18px;
	color: #069;
	line-height: 1.2em;
}

body.about-us #contact address strong {
	display: block;
	color: #069;
	font-weight: bold;
	background-color: transparent;
	padding: 6px 0;
}

body.about-us #related-agencies {
	margin: 44px 0 44px;
}

body.about-us #related-agencies h2 {
	background: transparent;
	font-size: 1.4em;
}

body.about-us #related-agencies {
	padding-top: 10px;

}

body.about-us #related-agencies .agency {
	/*float: left;*/
	clear: left;
	margin: 0 0 -20px;
	overflow: hidden;
}

body.about-us #related-agencies .agency .pic {
	width: 129px;
	height: 129px;
	background: url(../images/design/sprite.png) no-repeat -1371px -948px;
	float: left;
	margin: 0;
	position: relative;
	text-align: center;
	padding: 20px 0 0;
}

body.about-us #related-agencies  .agency .pic img {
	max-width: 89px;
	max-height: 89px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

body.about-us #related-agencies .agency .info {
	width: 509px;
	float: left;
	color: #069;
	line-height: 1.1em;
}

body.about-us #related-agencies .agency .info h3 {
	background-color: transparent;
	margin: 18px 0 4px 0;
	font-size: 1.05em;
	padding: 0;
}

body.about-us #related-agencies .agency .info h3 a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.05em;
}

body.about-us #layout .layout-right #follow {
	background: none;
	margin-bottom: 25px;
}

body.about-us #layout .layout-right .sidebar-about {

}

body.about-us #layout .layout-right .sidebar-about h2 {
	background: #948ccd;
	color: #fff;
	font-size: 1.45em;
	padding: 6px 15px;
}

body.about-us #layout .layout-right .sidebar-about ul {
	padding: 0 15px;
	margin-left: 11px;
}

body.about-us #layout .layout-right .sidebar-about ul li {
	margin: 0 0 6px 20px;
	list-style: disc;
	color: #0f57a2;
	line-height: 15px;
}

body.about-us #layout .layout-right .sidebar-about ul li a {
	text-decoration: none;
}

body.about-us #layout .layout-right .sidebar-about ul li a:hover {
	text-decoration: underline;
}





/***
	JAVASCRIPT
				***/
.js  #medias {
	position: relative;
	width: 100%;
	margin: 25px 0 20px;
	+
}

.js .layout-content-reset #medias .media {
	margin-bottom: 0;
	width: 100%;
}

.js #medias .behind {
	z-index: 0;
}

.js #medias .unvisible {
	display: none;
}

.js #media-tabs {
	line-height: 1.1em;
	margin: 0 0 2px;
	position: relative;
	/*z-index: 6;*/
	
	*zoom: 1;
}

.js #media-tabs li  {
	background: #e6e6e6;
	border-top-left-radius: 2px;
	webkit-top-left-border-radius: 2px;
	border-top-right-radius: 2px;
	webkit-top-right-border-radius: 2px;
	color: #3a56d4;
	display: inline-block;
	padding: 12px 33px;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	margin: 0 1px 0 0;

	*float: left;

}

.js #media-tabs li:hover  {
	opacity: .8;
}

	body.modes #media-tabs li {color: #6b9256;}
	body.themes #media-tabs li {color: #4f999d;}
	body.media #media-tabs li {color: #9c619b;}
	body.facts-fundings #media-tabs li {color: #cb5c5e;}
	body.about-us #media-tabs li {color: #948CCD;}
	
	.font-size-2 #media-tabs li {
		padding-left: 31px;
		padding-right: 31px;
	}

.js #media-tabs .on {
	background: #3a56d4;
	color: #fff;
}

	body.modes #media-tabs .on {background-color: #6b9256;}
	body.themes #media-tabs .on {background-color: #4f999d;}
	body.media #media-tabs .on {background-color: #9c619b;}
	body.facts-fundings #media-tabs .on {background-color: #cb5c5e;}
	body.about-us #media-tabs .on {background-color: #948CCD;}


/* js slider */

.js #highlights {
	width: 723px;
}

.js #highlights,
 .js #list-highlights {
	position: relative;
}

.js #list-highlights {
	background: url(../images/design/slider-shadow.png) no-repeat 50% 100%;
	padding: 0 0 40px;
	min-height: 277px;
	margin-top: -34px;
}

.js #list-highlights .item-highlight {
	padding: 0;
	margin: 0;
}

.js #list-highlights .item-highlight:first-child {
	margin: 26px 0 0;
}

.js #list-highlights .item-highlight .pic {
	position: absolute;
	top: 0;
	left: 0;
	margin: 26px 0 0;
	z-index: 2;
	border: 1px solid #3c4ea0;
	cursor: pointer;
}

	.js #list-highlights .current .pic {
		z-index: 50;
	}


.js #list-highlights .pic img {width: 339px;}
	
.js #list-highlights .content {
	margin: 0 0 0 341px;
	*zoom: 1;
}

.js #list-highlights .closed {
	display: none;
}

.js #list-highlights .content h3 {
	margin: 0 0 1px 0;
	padding: 0;
	background: #e6e6e6;
	border-bottom: 1px solid #84b8d7;
	
}

	
	.js #list-highlights .current .content h3 {background: #fff;border: 0;}

.js #list-highlights .content h3 a {
	color: #3c4ea0;
	display: block;
	height: 100%;
	padding: 6px 18px 4px 18px;
	text-shadow: 0 1px 0px #fff;
	font-family: Verdana;
	font-size: .905em;
}

.js #list-highlights .content h3 a:hover {
	background: #c5d7e3;
}

	.js #list-highlights .current .content h3 a:hover {background-color:#fff;}
	
.js #list-highlights .item-highlight .summary {
	padding: 0 18px 8px 18px;
}

.js #list-highlights .item-highlight .summary p {
	margin: 0;
	color: #3c4ea0;
	line-height: 1.05em;
}

.js #list-highlights .unvisible {
	display: none;
}

#list-highlights .item-highlight {
	display: block;
}

#list-highlights .unvisible {
	display: none;
}

.js #slider-nav {
	position: absolute;
	top: 3px;
	left: 288px;
	width: 53px;
}

.play, .pause {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background-image: url(../images/design/play-pause.png);
	background-color: #transparent;
	background-repeat: no-repeat;
	text-indent: -10000px;
	cursor: pointer;
	-webkit-border-radius: 1px;
	border-radius: 1px; 
	border-top: #d1d5e8 1px solid;
	
	border-left :#d1d5e8 1px solid;
}

.play {
	margin-right: 3px;
	background-position: 0 0;
}

.pause {
	background-position: -24px 0;
	
}

.play.on,
.pause.on {
	cursor: auto;
	opacity: 0.5;
	filter : alpha(opacity=50);
	border-top: #00136A 1px solid;
	
	border-left :#00136a 1px solid;
}






/* social */
#share_button_container {
	float: right;
	margin: 10px 26px 0 0;
}



/***
	SITE MAP
			***/
.site-map h1 {
	color: #069;
	font-size: 2.3em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	margin: 0 0 21px;
	max-width: 745px;
}	

.site-map #sitemap {
	margin: 32px 0;
	float: left;
	
}

.site-map #sitemap li {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	position: relative;
	
	*zoom: 1;
}

.site-map #sitemap li a {
	display: block;
	padding: 6px 0 6px 0;
	font-weight: bold;
	margin: 0 0 0 11px;
}

	/*.site-map #sitemap .about a {color:  #948ccd;}
	.site-map #sitemap body.modes a {color:  #6b9256;}
	.site-map #sitemap body.themes a {color:  #4f999d;}*/
	

.site-map #sitemap li ul {
	padding: 4px 0 0 32px;
	border-left-width: 1px;
	border-left-style: solid;
}

	.site-map #sitemap .about ul {border-left-color:  #948ccd;}
	.site-map #sitemap body.modes ul {border-left-color:  #6b9256;}
	.site-map #sitemap body.themes ul {border-left-color:  #4f999d;}
	
	
.site-map #sitemap .switcher {
	width: 11px;
	height: 11px;
	background: transparent url(../images/design/sprite-treeview.png) -19px 0;
	position: absolute;
	top: 8px;
	left: 5px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.site-map #sitemap .open {
	background-position: 0 -11px;
}

.site-map #sitemap .unvisible {
	display: none;
}


/***
	MEDIA CORNER
				***/
.highlights .layout-content-reset h2,
.news .layout-content-reset h2,
.events .layout-content-reset h2,
.consultations .layout-content-reset h2,
.highlights .layout-content-reset h2 {
	float: left;
}

.highlights .rss,
.news .rss,
.events .rss,
.consultations .rss,
.highlights .rss {
	float: left;
	margin-left: 5px;
}
.media .rss {
	margin-top: 5px;
}

.highlights .rss img,
.news .rss img,
.events .rss img,
.consultations .rss img,
.highlights .rss img {
	vertical-align: middle;
}

.media #layout #press-releases {
	margin: 36px 0 0;
}

/***
	MEDIA SECTION + FACTS & FUNDINGS LISTS
										  ***/


.media h1, 
.facts-fundings h1 {
	float: left;
}

.facts-fundings h2 {
	clear: both;
}

#layout ul.list-medias .item-media {
	border-top: #e6e6e6 1px solid;
	margin: 0;
	list-style: none;
	padding: 8px 10px;
}

#layout .medias-content {
	*zoom: 1;
}

body.media ul.list-medias {
	margin-top: -8px;
}
	
#layout ul.list-medias .item-media:first-child {
	border: 0;
}


#layout ul.list-medias .even {
	background: #f4f4f4;
}

#layout ul.list-medias p {
	margin: 0;
	*zoom: 1;
}

.home #layout ul.list-medias .date {
	margin: 0;
}

#layout ul.list-medias .item-media p {
	margin: 7px 1px;
}

#layout ul.list-medias .item-media .inner-date {
	margin: 0 12px 0 0;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	width: 100px;
	vertical-align: middle;
}

	.studies #layout ul.list-medias .item-media .inner-date {text-align: center;}

#layout ul.list-medias .item-media .inner-item {
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	width: 587px;
	margin: 0;
}
	
#layout ul.list-medias .item-media a,
#layout ul.list-medias .item-media .nolink {
	
}
	
	.highlights #layout ul.list-medias .item-media a {width: auto;}
	.highlights #layout ul.list-medias .item-media .nolink {width: auto;}

#layout ul.list-medias .item-media a:hover {
	text-decoration: underline;
}




/***
		MEDIA GALLERY
						***/
.mediagallery {
	float: right;
	margin-right: -45px;
	*margin-right: -28px;
	
	width: auto;
}
.mediagallery tr.odd {
	background: none;
}
.mediagallery td {
	width: 396px;
	padding: 0;
}

.mediagallery_content {
	width: 316px;
	font-size: .8em;
	font-weight: bold;
	margin: -6px auto 0;
}


.mediagallery_browser {
	width: 316px;
	margin: 0 auto
}

.mediagallery_Abstract {
	margin: 5px 0;
}

.mediagallery_content {
	display: block;
	text-align: center;
}

.mediagallery_browser {
	text-align: center;
}

	.mediagallery .mediagallery_media {
	background: transparent url(../images/design/picture-shadow.png) 50% 200px no-repeat;
	padding: 10px 10px 15px;
	min-width: 396px;
}



.mediagallery_Counter {
	text-align: center;
	font-size: .8em;
	vertical-align: text-bottom;
}

.mediagallery .youtube {
	background-position: 50% 100%;
}

.mediagallery .youtube embed {
	width: 316px;
	height: 237px;
}

.mediagallery .mediagallery_media embed {
	display: block;
	margin: 0 auto;
}


/***
	PAGE VIDEO

				***/

.videos h1 {
	float: none;
}
				
.videos #layout .mediagallery {
	width: 361px;
	float: left;
	margin: 0; 
}

.videos #layout .mediagallery td {
	width: 100%;
	min-width: 0;
}

.videos #layout .mediagallery_media {
	padding: 0 10px 15px 10px;
	margin: 0;
	width: 341px;
	min-width: 0;
	float: none;
	background-position: 50% 176px;
}

.videos #layout .youtube {
	background-position: 50% 200px;
}

.videos #layout .shockwave {
	background-position: 50% 176px;
}

.videos #layout .jwplayer {
	background-position: 50% 210px;
}

.videos #layout .mediagallery_content {
	padding: 0 35px;
	margin: 0;
	width: 291px;
}
				

				
.videos #layout h2 {
	margin: 35px 0 10px;
}

.videos #layout .layout-right #sub-menu ul li.no1 {
	display: block;
}





/***
	PUBLICATIONS
				***/
.publications #intro #illu {
	background: none;
	min-width: 0;
	margin: 0;
}


/***

					
					

/***
	CONTACT
			***/
.contact #intro	{
	margin: 0 0 15px;
}

.contact .contact-form {
	margin-bottom: 15px;
}

.contact .contact-form table td {
	padding: 2px 15px 2px 2px;
	vertical-align: top;
}
			
.contact .contact-form table input {
	margin: 6px 5px 6px 0;
}

.contact .contact-form span {
	font-weight: bold;
}

.contact .contact-form .mandatory {
	color: #cb5c5e;
}

.js .links-ico-langs {
	cursor: pointer;
	vertical-align: text-bottom;
	margin-left: 2px;
}

.js .wrapper {
	position: relative;
	z-index: 9999;
}

.js .links-popup {
	position : absolute;
	top: -11px;
	left: -20px;
	width: 91px;
	padding: 6px 3px;
	background: #fff url(http://ec.europa.eu/wel/images/bck_popup.gif) 0 0 repeat-x;
	border: 1px solid #369;
	display: none;
	
	*top: 0;
}

.js .links-popup img {
	margin: 0 0 3px;
}



/*********************/
/*Connect to compete***
/*********************/
.connect-to-compete #intro {
	margin: 0;
}

.connect-to-compete .layout-content-reset {
    width: 100%;
}

.connect-to-compete .layout-content h1 {
	display: inline-block;
	background: #3c4ea0;
	font-size: 2.41em;
	font-weight: bold;
	color: 	#fff;
	padding: 5px 21px;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	margin: 34px 0 0 20px;
}

.connect-to-compete #intro-content {
	background: #d1dadf url(/transport/_static/images/design/bg-connect-abstract.png) no-repeat 50% 0;
	padding: 53px 0 30px 0;
	color: #1b4282;
	font-family: Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	font-size: 1.05em;
	padding: 35px 35px 5px;
	position: relative;
	z-index: 1;
	margin: 0 0 9px;
}

.connect-to-compete #intro-content p {
	line-height: 1.15em;
}

.rope {
	position: absolute;
	width: 7px;
	height: 34px;
	bottom: -21px;
	background: transparent url(/transport/_static/images/design/rope.png) no-repeat 0 0;
}

#rope-left {
	left: 5px;
}

#rope-right {
	right: 5px;
}



#connect-content {
	position: relative;
}

#connect-list {
	background: #eceff1;
	position:relative;
	z-index: 0;
	padding: 0;
	border-bottom: 33px solid #cfd8dd;
	width: 100%;
}



#connect-list .connect-item {
	float: left;
	list-style: none;
	width: 242px;
	background: transparent url(/transport/_static/images/design/sep.png) no-repeat 0 27px;
	vertical-align: top;
	text-align: center;
	position: relative;
	min-height: 383px;
	_height: 383px;
	margin: 0;
	padding: 0px 2px 13px 2px;	
}


#connect-list .connect-item:first-child {
	background: none;
}

#connect-list .connect-item p {
	color: #8599ba;
	font-size: 1.05em;
    font-weight: bold;	
	padding: 0 1px;
	text-shadow: 1px 0 1px #fff;
}

.js #connect-list .clickable:hover {
	cursor: pointer;
	background: #dcdfe1;
}

#connect-list .connect-item .list-title {
	color: #8599ba;
	text-decoration: underline;
	text-align: center;
	display: block;
	font-size: 2.9em;
	line-height: 35px;
	font-family: pf_square_sans_proregular, Verdana, Arial, Helvetica, "DejaVu Sans", sans-serif;
	text-shadow: 1px 0 1px #fff;
	padding: 6px 27px 0 27px;
	margin: 11px 0;
}

#connect-list .item-links li {
	list-style-type: none;
	margin:	5px 0;
	padding: 0;
}
#connect-list .item-image-link {
	cursor: pointer;
}
#connect-list .item-pdf-link:link,
#connect-list .item-pdf-link:visited,
#connect-list .item-pdf-link:focus {
	color: #027AC6;
}
#connect-list .thumb {
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 246px;
	background: transparent url(/transport/_static/images/design/connect-shadow.png) no-repeat 50% 100%;
	text-align: center;
	height: 216px;
	padding: 0 0 15px;
}

.js #connect-list .fancy {
	position: absolute;
	top: 0;
	left: 0;
	width: 186px;
	height: 100%;
	margin: 0 28px;
	background: transparent url(/transport/_static/images/design/fancy-cross.png) no-repeat 100% 0;
}

#connect-list .thumb img {
	margin: 0 0 15px;
}

._3d {
	position: absolute;
	width: 19px;
	height: 429px;
	top: 0;
	background-image: url(/transport/_static/images/design/connect-borders.png);
	background-repeat: no-repeat;
	background-color: #fff;
}

#borderLeft {
	left: -19px;
	background-position: 0 0;
}

#borderRight {
	right: -19px;
	background-position: -20px 0;
}

/* POPUP GENERAL */
#overlay {
	background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 998;
    opacity: 0.78;
}

/* POPUP FLIPBOOK */
.iframe-flipbook {
	width: 100%;
	height: 97%;
}

.flipbook-languages {
	display: none;
	font-size: 1.2em;
	margin:	0 10px 10px;
}

#flipbook-popup .flipbook-languages {
	display: block;
}

#flipbook-popup {
	background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 15px #111111;
    height: 90%;
    left: 50%;
    padding: 15px;
    position: fixed;
    top: 50%;
    width: 90%;
    z-index: 1003;
}
#overlay.flipbook-overlay {
	position: fixed;
}
#close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 29px; 
	height: 31px;
	margin: -14px -14px 0 0;
	background: transparent url(/transport/_static/images/design/close-button.png) no-repeat 100% 0;
	cursor: pointer;
}


/* POPUP in "Connect to compete" page */

#popup {
	background: none repeat scroll 0 0 #404040;
	left: 50%;
	padding: 10px;
	position: absolute;
	top: 302px;
	z-index: 999;
	margin-left: -283px;
}
.close {
	background: url("../images/content/close.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	position: absolute;
	width: 32px;
	height: 32px;
}
#close-top {
	right: 10px;
	top: 10px;
}
#close-bottom {
	right: 10px;
	bottom: 10px;
}

/* FACTS AND FIGURES ZERO TO TEN*/



/*
LIST OF ACTIONS
*/
.infographics.zero-to-ten .layout-content-reset #share-tool {
	/*right: -277px;
	*z-index: 100;*/
}
.infographics.zero-to-ten .layout-content-reset #additional-tools {
	/*right: -250px;
	*z-index: 100;*/
}

.infographics.zero-to-ten .layout-content-reset {
	width: 723px;
	/*z-index: 91;
	*position: relative;*/
}

.zero-to-ten .layout-right {
    width: 207px;
	margin-right: 15px;
	position: relative;
	z-index: 90;
}

.infographics .layout-right .links li {
	margin: 5px 0;
}

.infographics .layout-right .links li a {
	color: #4160ff;
}

.infographics h1 {
	font-weight: normal;
}

.infographics.zero-to-ten h1 {
	*line-height: 38px;
}

.zero-to-ten .actions {
	width: 749px;
	margin-bottom: 30px;
}

.zero-to-ten img.intro {
	border-bottom: 11px solid #373a40;
	margin-bottom: 1px;
	/*display: none;*/
}

.zero-to-ten .actions .menu-actions {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}

.zero-to-ten .actions .menu-actions .menu-item {
	position: relative;
	*z-index: 90;
	margin: 0 0 1px;
	height: 172px;	
	list-style: none;
}
.zero-to-ten .actions .menu-actions .menu-item.active {
	*z-index: 91;
}

.zero-to-ten .menu-item .link {
	padding: 0;
	display: table;
	*display: block;
	text-decoration: none;
}

.zero-to-ten .menu-item .num {
	width: 161px;
	max-width: 161px;
	display: block;
	float: left;
	background: #373a3d;
	line-height: 172px;
	height: 100%;
	font-size: 56px;
	color: #fff;
	text-align: center;
	*cursor: pointer;
}

/* Hack to center vertically in IE7 http://css-tricks.com/vertically-center-multi-lined-text */
.zero-to-ten .menu-item .h2-wrapper { 
	*position: absolute; 
	*top:50%;
	display: table-cell;
	vertical-align: middle;
}
/* End hack */

.zero-to-ten .menu-item .h2 {
	display: table-cell;
	*display: block;
	*float: left;
	*cursor: pointer;
	vertical-align: middle;
	margin-left: 20px;
	
	width: 524px;
	*width: 450px;
	padding-left: 20px;
	font-size: 20px;
	color: #fff;
	line-height: 34px;
	padding-right: 85px;

	/* Hack to center vertically in IE7 */
	*position: relative; 
	*top: -50%;
}


.zero-to-ten .menu-item .more {
	background-color: #FFFFFF;
    color: #000;
    height: 31px;
    line-height: 31px;
    padding: 0 15px 0 30px;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.zero-to-ten .menu-item .more .arrow {
	background: url(../images/content/0-to-ten/arrow.png) 0 0 no-repeat;
    display: block;
    left: 10px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 13px;
    height: 16px;
}

/* Tricky CSS for left column (sup, small text, etc) */
.zero-to-ten .menu-item .num * {
	line-height: 0;	
}

.zero-to-ten .menu-item .num sup {
	vertical-align: super;
	font-size: 30px;
}

.zero-to-ten .menu-item .num .multiply {
	font-size: 30px;
	vertical-align: middle;
}

.zero-to-ten .menu-item .num .small {
	font-size: 15px;
	vertical-align: middle;
	position: relative;
	left: 22px;
}

.zero-to-ten .menu-item .num .euro,
.zero-to-ten .menu-item .num .second-text {
	font-size: 25px;
	vertical-align: middle;
}

.zero-to-ten .menu-item.item-0 {background-color:#2b931d;}
.zero-to-ten .menu-item.item-1 {background-color:#d21144;}
.zero-to-ten .menu-item.item-2 {background-color:#c6137d;}
.zero-to-ten .menu-item.item-3 {background-color:#dd8200;}
.zero-to-ten .menu-item.item-4 {background-color:#89ab5c;}
.zero-to-ten .menu-item.item-5 {background-color:#4ba5dd;}
.zero-to-ten .menu-item.item-6 {background-color:#971f25;}
.zero-to-ten .menu-item.item-7 {background-color:#71328f;}
.zero-to-ten .menu-item.item-8 {background-color:#2899da;}
.zero-to-ten .menu-item.item-9 {background-color:#83a0a1;}
.zero-to-ten .menu-item.item-10 {background-color:#fab500;}

/*
EXPLANATIONS
*/
.zero-to-ten .menu-item-content {
	padding: 50px 30px;
	left: 1500px;
    position: absolute;
    right: -1500px;
    top: 0;
    z-index: 999;
    width: 662px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
    background: #c9c9c9;
    display: none;
}
.zero-to-ten .menu-item-content.active {
	display: block;
}

.zero-to-ten.infographics .content {
	text-align: left;
}

.zero-to-ten .menu-item-content .content {
	margin-bottom: 0;
}

.zero-to-ten .menu-item-content .img-head {
	margin-bottom: 20px;
	max-width: 100%;
}

.zero-to-ten .menu-item-content ul,
.zero-to-ten .menu-item-content li {
	list-style: circle;
}
.zero-to-ten .menu-item-content p,
.zero-to-ten .menu-item-content li {
	color: #006699;
}

.zero-to-ten .menu-item-content a:link,
.zero-to-ten .menu-item-content a:visited,
.zero-to-ten .menu-item-content a:hover,
.zero-to-ten .menu-item-content a:active,
.zero-to-ten .menu-item-content a:focus {
	color: #006699;
	text-decoration: underline;
}

.zero-to-ten .menu-item-content h2 {
	margin: 0 auto 24px;
	font-size: 2em;
	line-height: 30px;
}

.zero-to-ten .menu-item-content .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	font-size: 25px;
	background: url(../images/content/0-to-ten/close.png) 0 0 no-repeat;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
}

.zero-to-ten .menu-item-content h1 {
	line-height: 35px;
	font-size: 20px;
	margin: 0 0 24px;
}
.zero-to-ten .menu-item-content.item-0 h1 {color: #2b931d;}
.zero-to-ten .menu-item-content.item-1 h1 {color: #d21144;}
.zero-to-ten .menu-item-content.item-2 h1 {color: #c6137d;}
.zero-to-ten .menu-item-content.item-3 h1 {color: #dd8200;}
.zero-to-ten .menu-item-content.item-4 h1 {color: #89ab5c;}
.zero-to-ten .menu-item-content.item-5 h1 {color: #4ba5dd;}
.zero-to-ten .menu-item-content.item-6 h1 {color: #971f25;}
.zero-to-ten .menu-item-content.item-7 h1 {color: #71328f;}
.zero-to-ten .menu-item-content.item-8 h1 {color: #2899da;}
.zero-to-ten .menu-item-content.item-9 h1 {color: #373a3d;}
.zero-to-ten .menu-item-content.item-10 h1 {color: #fab500;}


.zero-to-ten .infographics .layout-right {
	width: 124px;
	margin-right: 15px;
}

.zero-to-ten  .layout-right .links li {
	margin: 5px 0;
}

.zero-to-ten .infographics .layout-right .links li a {
	color: #4160ff;
}

.zero-to-ten .layout-content .layout-right p, 
.zero-to-ten .layout-content .layout-right p {	
	margin: 6px 0;
}

/*
	TRANSPORT INFOGRAPHICS & MAPS
*/
.infographics h1 {
	margin-bottom: 49px;
}

.infographics .layout-content-reset {
	width: 802px;
}
/* force reset */
.connect-to-compete .layout-content-reset {
    width: 100%;
}


body.infographics #layout .content h1 {
	font-weight: normal;
}

body.infographics #layout .content h2 {
	color: #069;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
}

.infographics .content > .block {
	width: 359px;
	text-align: left;
	background: url(../images/design/picture-shadow.png) no-repeat 50% 100% transparent;
	padding: 0 10px 33px;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 15px;
	margin: 0 36px 49px 0;
	*float: left;
}

.infographics .content > .block p { 
	margin: 0;
	padding: 0;
}

.infographics .content > .block img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}