@charset "UTF-8";
/* CSS Document */

* {
}

body {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	text-align:center;
	background-color:#8ba9bc;
	background-repeat:no-repeat;
	background-position:top center;
}

img {
	border:0;
}

p, a, td, h1, h2, h3, h4, h5, h6, span, ul, li, label, div {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#858585;
}

p, h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

a {
	color:#2d5480;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

hr {display:none}

.cleaner {
	clear:both;
	font-size:1px;
}

#main-container {
	width:950px;
	margin:0 auto 0 auto;
	text-align:left;
}

#main-container h1 {
	margin:20px 0 16px 0;
}

#main-container h1 a {
	display:block;
	background:url(../../img/ferretti-international.png) no-repeat;
	width:217px;
	height:56px;
}

#main-container h1 a span {
	display:none;
}







/*//// TOP TOOLS ////*/

#top-tools {
	height:25px;
}

#reserved-area {
	background:#fff url(../../img/padlock.gif) no-repeat;
	height:22px;
	padding:3px 10px 0 30px;
	margin:0 1px 0 0;
	float:right;
}

#reserved-area a {
	text-decoration:none;
	color:#858585;
}

#reserved-area a:hover {
	color:#2d5480;
}

#language {
	background:#fff;
	height:22px;
	padding:3px 10px 0 15px;
	float:right;
}








/*//// TOP MENU ////*/

.topmenu {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
}
.topmenu .menu {
	/* these are required, but the values are up to you (must be pixel) */
	width: 135px;
	height: 100px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
}

.topmenu .menu {
	position:relative;
}

.topmenu .menu h3 {
	display:none;
}

.topmenu ul, .topmenu li {
	margin:0;
	padding:0;
}

.topmenu .submenu {
	position:absolute;
	top:8px;
	left:130px;
	list-style: none;
	white-space:nowrap;
}

.topmenu .submenu a {
	display:block;
	color:#8f8f8f;
	font-size:12px;
	text-decoration:none;
	padding:0 5px 1px 5px;
}

.topmenu .submenu a:hover {
	color:#fff;
	background-color:#2d5480
}

#topmenu-who {
	background:url(../../img/en/who.gif) no-repeat;
}

#topmenu-what {
	background:url(../../img/en/what.gif) no-repeat;
}

#topmenu-how {
	background:url(../../img/en/how.gif) no-repeat;
}

#topmenu-where {
	background:url(../../img/en/where.gif) no-repeat;
}

#topmenu-economic {
	background:url(../../img/en/economic.gif) no-repeat;
}

#topmenu-reference {
	background:url(../../img/en/reference.gif) no-repeat;
}

#topmenu-about {
	background:url(../../img/en/about.gif) no-repeat;
}






/*//// MAIN CONTENT ////*/

#content {
	background:#fff;
	margin: 0 0 15px 0;
	overflow:hidden;
}

#content h2 {
	font-size:18px;
	color:#fff;
	margin:20px 0 0 0;
	background:#2d5480;
	padding:2px 20px 4px 20px;
	float:left;
}

/*#content h2 {
	font-size:18px;
	color:#2d5480;
	margin:0 0 20px 0;
	background:#2d5480;
}*/

#content h3 {
	font-size:14px;
	color:#ee3b33;
	margin:0 0 3px 0;
}

#content p {
	margin:0 0 10px 0;
	line-height:180%;
}

#content-left {
	margin:20px;
}

.subsectionmenu #content-left {
	float:left;
	width:650px;
	margin:20px 0 20px 20px;
	border-right:1px solid #c7c7c7;
	padding:0 20px 0 0;
	min-height:250px;
}

.subsectionmenu #content-left2 {
	float:left;
	width:385px;
	margin:20px 0 20px 20px;
	padding:0 20px 0 0;
	min-height:250px;
}

#content-right {
	float:right;
	margin:20px 0 20px 0;
	width:240px;
}

#content-right2 {
	float:right;
	margin:20px 20px 20px 0;
	width:492px;
}

#content-right h3,
#content-right2 h3 {
	margin:0 0 15px 0;
	color:#2d5480;
	font-size:15px;
}

#content-right #submenu {
	margin:0;
	padding:0;
}

#content-right #submenu li {
	list-style:none;
	margin:0 0 5px 0;
}

#content-right #submenu li a {
	display:block;
	background:#f0f0f0 url(../../img/submenu_arrow.gif) no-repeat right center;
	padding:6px 20px 6px 10px;
	text-decoration:none;
	color:#858585;
}

#content-right #submenu li a:hover {
	display:block;
	background:#e5e5e5 url(../../img/submenu_arrow_hov.gif) no-repeat right center;
	color:#ee3b33;
}

#content-right #submenu li a.selected {
	color:#ee3b33;
}

#content-right #submenu ul {
	padding:3px 0 0 0;
}

#content-right #submenu li li {
	list-style:none;
	margin:0 0 0 0;
}

#content-right #submenu li li a {
	display:block;
	background:none;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	color:#858585;
	border-bottom:1px dotted #ccc;
}

#content-right #submenu li li a:hover {
	display:block;
	background:none;
	color:#ee3b33;
}

#content-right #submenu li li a:selected {
	color:#ee3b33;
}

.newsletter-submit table td {
	padding:5px 20px 5px 0;	
}




/*//// HOME BOXES ////*/

#home-boxes .box{
	width:290px;
	height:120px;
	padding:10px;
	background:#fff;
	float:left;
	margin:0 10px 0 0;
	position:relative;
	margin-bottom:15px;
}

#home-boxes .box h3 {
	height:37px;
	background:url(../../img/home-boxes-head-bg.gif) top center no-repeat;
	margin:0 0 10px 0;
}

#home-boxes .box h3 .label {
	display:block;
	height:22px;
	width:290px;
}

#home-boxes .box h3 .label span {
	display:none;
}

#home-boxes .box h4 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#2d5480;
}

#home-boxes .box p {
	font-size:11px;
	line-height:1.5em;
}

#home-boxes .box a {
	font-size:11px;
}



#box01 h3 .label {
	background:url(../../img/en/home-boxes-careers.gif) no-repeat;
}

#box01 p.subtitleBox {
	font-size:12px;
	color:#2d5480;
	margin-bottom:20px;
}

#box01 p.cols {
	float:left;
	width:143px;
}

#box01 a {
	font-size:12px;
	font-weight:bold;
	color:#2d5480;
	text-decoration:none;
}

#box01 a:hover {
	color:#3f78b8;
}

#box01 p.colsRight {
	float:right;
	width:49px;
	margin-top:25px;
}

#inBox {
	margin-right:75px;
}

#box02 h3 .label {
	background:url(../../img/en/home-boxes-certifications.gif) no-repeat;
}

#box02 .cert_logos {
	position:absolute;
	bottom:10px;
	left:10px;
}

#box02 .cert_logos .logo {
	display:block;
	height:80px;
	float:left;
	margin:0 20px 0 0;
}

#box02 .cert_logos .logo:hover {
	background-position:0 -80px !important;
}

#box02 .cert_logos .logo  span{
	display:none;
}

#box02 .cert_logos #cert_logo01 {
	width:65px;
}

#box02 .cert_logos #cert_logo02 {
	width:65px;
}

#box02 .cert_logos #cert_logo33 {
	width:65px;
}



#box03 h3 .label {
	background:url(../../img/en/home-boxes-newsletter.gif) no-repeat;
}

#box03 {
	margin:0 !important;
}

#box03 input {
	border:0;
	background:#e6e6e6;
	padding:3px;
	color:#666666;
	margin:5px 0 0 0;
}

#box03 input,
#box03 a,
#box03 img,
#box03 span {
	vertical-align:middle;
}

#box03 form {
	margin:0 0 10px 0;
}



/*//// BACKGROUND IMAGES ////*/

.bg-home {
	background-image:url(../../img/page-bg/world.jpg);
}

.bg-1 {
	background-image:url(../../img/page-bg/img1.jpg);
}

.bg-2 {
	background-image:url(../../img/page-bg/img2.jpg);
}

.bg-3 {
	background-image:url(../../img/page-bg/img3.jpg);
}

.bg-4 {
	background-image:url(../../img/page-bg/img4.jpg);
}

.bg-5 {
	background-image:url(../../img/page-bg/img5.jpg);
}

.bg-6 {
	background-image:url(../../img/page-bg/img6.jpg);
}






/*//// PRESS ////*/

.press-table {
	width:100%;
}

.press-table td {
	padding:12px 0 12px 0;
	border-bottom:1px dotted #ccc;
}

.press-table .descr {
	padding-left:20px;
	padding-right:20px;
}

.press-table .unpx {
	width:1px;
	white-space:nowrap;
}




/*//// REFERENCE GALLERY ////*/

.gallery-item {
	float:left;
	width:290px;
	margin:0 19px 20px 0;
	/*border-bottom:1px dotted #999999;*/
}

.gallery-item img {
	border:1px solid #ccc;
	margin:3px 0 10px 0;
}

.gallery-item h4 {
	margin:0;
}

.gallery-item h4 a {
	color:#2d5480;
	font-size:16px;
	text-decoration:none;
}


/*//// FOOTER ////*/

#footer {
	height:27px;
	background:url(../../img/footer_bg.gif) no-repeat right bottom;
	padding:7px 0 0 12px;
}

#footer span {
	margin:0 13px 0 0;
	font-size:11px;
}

#footer span,
#footer span img {
	vertical-align:middle;
}


/*//// WHERE GALLERY ///*/

#where-gallery p {
	margin:29px 0 15px 0;
	font-size:15px;
	color:#2d5480;
	border-bottom:1px dotted #333333;
}

#where-gallery  a {
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

#where-gallery  a.endline {
	margin:0 0 10px 0;
}



.technicaldata,
.technicaldata2 {
	width:100%;
	margin:0 0 20px 0;
}

.technicaldata .unpx,
.technicaldata2 .unpx {
	width:1px;
	white-space:nowrap;
	font-weight:bold;
}

.technicaldata td {
	padding:2px 25px 2px 0;
	border-bottom:1px dotted #ccc;
	font-size:11px;
	vertical-align:top;
}

.technicaldata2 td {
	padding:8px 25px 8px 0;
	border-bottom:1px dotted #ccc;
	font-size:12px;
	vertical-align:top;
}

.technicaldata .header,
.technicaldata2 .header {
	padding-top:15px;
	color:#2d5480;
}

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width: 440px;	
	height:290px;	
	background:#f2f2f2 url(../../img/loading.gif) no-repeat center center;
					
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	width:440px;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:25px;
	height:290px;
	background:url(../../img/left-arrow.gif) no-repeat left center;
	float:left;
	cursor:pointer;
	font-size:1px;
	outline:none;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:-25px center;		
}

/* disabled navigational button */
a.disabled {
	background-position:-50px center !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background:url(../../img/right-arrow.gif) no-repeat left center;
	clear:right;	
}

.index {
} 

.credits-navigation {
	text-align:center;
}

.credits-navigation a {
	text-decoration:none;
}

.credits-navigation .sel {
	font-weight:bold;
}





/* BOX HOME PAGE */
#popupBg {
	height: 100%;
	width: 100%;
	background: #2d5480;
	position: fixed;
	top: 0;
	left:0;
	z-index:90000;
}

#popup {
	position: fixed;
	z-index:100000;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

* html #popup,
* html #popupBg {
	position: absolute;
}

#window {
	width: 550px;
	margin: 120px auto 0 auto;
	background-image:url(../../img/page-bg/world.jpg);
}

#popup_content{
	padding:20px;
}

#popup_content p { 
	text-align:left;
	line-height:150%;
}

#popup_content td {
	padding:0 0 10px 0; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	color:#2d5480; 
	font-size:12px; 
	line-height:1.5em; 
	text-align:center;

}

#closePopup {
	float:right;
	margin:0;
}

#closePopup a {
	display:block;
	width:20px;
	height:20px;
	text-decoration:none;
}

#intPopup {
	height:20px;
}

a.sendYourCV {
	margin-bottom:30px;
	display:block;
}

a.jobOpp {
	font-size:18px;
	margin-bottom:15px;
	display:block;
	text-decoration:none;
	outline:none;
}

a.spontaneousApp {
	font-size:18px;
	margin-top:40px;
	display:block;
	text-decoration:none;
	outline:none;
	color:#858585!important;
}



#content .liquirizia{background-color:#ffffff;width:636px;padding:21px 40px;margin-left:194px;height:478px;position:absolute;}

#content .liquirizia h3{color:#2D5480;border-bottom:1px dotted #333333;padding-bottom:10px;}

#content .liquirizia h3{color:#ee3b33;}

#content .liquirizia span {float:left;margin:20px 30px 20px 0;}

#flash-map{position:relative;height:520px;}