﻿* {	margin: 0; padding: 0; outline: none; }
img { border: none }
ul, ul li { list-style-image:none; list-style-position:outside; list-style-type:none; }
a,
a:visited { color: #C12B60; text-decoration: none; }
.invisible, .hidden { display: none !important; }
.visible { display: inline; }
.image { float: left; display: inline; text-indent: -999em; }
.clear { clear:both; }
.fl { float: left; display: inline; }
.cl { clear: left; }
.fr { float: right; display: inline; }
a, a span { cursor: pointer; }
.bgupr { background-position: top right !important; }
.nobg { background: none !important; }
.justify { text-align: justify }
a.green, a.green:visited { color: #5e892e; font-weight: bold; }
.qtip-content { white-space: nowrap; }

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

input.text { font-family:Arial, Helvetica, sans-serif; }


body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#135181;
	min-height: 549px;
	height: auto !important;
	height: 549px;
}

.bg-layout {
	width: 1024px;
	margin: 0 auto;
	text-align:left;
	position: relative;
	overflow:hidden;
}

.bg-layout img.ricalco {
	position: absolute; 
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: 100;
}

.layout {
	width: 960px;
	text-align:left;
	padding: 0 32px;
	position: relative;
}

.layout .header {
	width: 100%;
	height: 139px;
	float:left;
	display:inline;
	position: relative;
}

.layout .header .header-logos {
	position: relative;
}

.layout .header div.logo {
	position: absolute;
	top: 0;
	left: 5px;
	clear: both;
	width: 209px; 
	height: 150px;
}


.layout .header ul#navigation {
	width: 830px;
	padding-left: 173px;
	height: 60px;
	float:left;
	display:inline;
	background: url(../img/bg_header.png) no-repeat top left;
	margin-top: 72px;
	overflow: hidden;
}

.layout .header ul#navigation li, .layout .header ul#navigation li a { float: left; display: inline; height: 55px; }
.layout .header ul#navigation li a {
	background: url(../img/bg_menu.png) top left;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -999em;
}

.layout .header ul#navigation li a.mn-l-iniziativa 				{ width: 142px; background-position: 0 0; }
.layout .header ul#navigation li a:hover.mn-l-iniziativa 		{ width: 142px; background-position: 0 -55px; }
.layout .header ul#navigation li.selected a.mn-l-iniziativa 	{ width: 142px; background-position: 0 -110px; }
.layout .header ul#navigation li a.mn-consigli-utili 			{ width: 121px; background-position: -142px 0; }
.layout .header ul#navigation li a:hover.mn-consigli-utili 	{ width: 121px; background-position: -142px -55px; }
.layout .header ul#navigation li.selected a.mn-consigli-utili 	{ width: 121px; background-position: -142px -110px; }
.layout .header ul#navigation li a.mn-quale-seggiolino 			{ width: 155px; background-position: -263px 0; }
.layout .header ul#navigation li a:hover.mn-quale-seggiolino 	{ width: 155px; background-position: -263px -55px; }
.layout .header ul#navigation li.selected a.mn-quale-seggiolino { width: 155px; background-position: -263px -110px; }
.layout .header ul#navigation li a.mn-multimedia 				{ width: 110px; background-position: -418px 0; }
.layout .header ul#navigation li a:hover.mn-multimedia 			{ width: 110px; background-position: -418px -55px; }
.layout .header ul#navigation li.selected a.mn-multimedia 		{ width: 110px; background-position: -418px -110px; }
.layout .header ul#navigation li a.mn-per-la-famiglia 			{ width: 141px; background-position: -528px 0; }
.layout .header ul#navigation li a:hover.mn-per-la-famiglia 	{ width: 141px; background-position: -528px -55px; }
.layout .header ul#navigation li.selected a.mn-per-la-famiglia  { width: 141px; background-position: -528px -110px; }
.layout .header ul#navigation li a.mn-promotori 				{ width: 112px; background-position: -669px 0; }
.layout .header ul#navigation li a:hover.mn-promotori 			{ width: 112px; background-position: -669px -55px; }
.layout .header ul#navigation li.selected a.mn-promotori 		{ width: 112px; background-position: -669px -110px; }

.layout .header .quintegia {
	background: url(../img/quintegia.png) no-repeat top left;
	position: absolute;
	right: 42px;
	top: 12px;
	width: 179px;
	height: 52px;
}
.layout .header .logo-fiat {
	float: left;
	display: inline;
	width: 79px; 
	height: 52px;
}

.layout .header .logo-quintegia {
  float: left;
  display: inline;
  width: 179px; 
  height: 52px;
}
	
.layout .header .logo-ucif {
	float: left;
	display: inline;
	width: 100px;
	height: 52px;
}

.layout .header .lb-settimana-sicurezza {
	background: url(../img/lb_sicurezza_bambini.png) no-repeat top left;
	width: 480px;
	height: 34px;
	position: absolute;
	top: 18px;
	left: 221px;
	color: #FFF;
  margin-top: 10px;
}

.layout .header .lb-settimana-sicurezza span {
	font-size: 10px;
	color: #FFF;
	text-align: center;
}

.layout .mainContainer{
	width: 100%;
	float:left;
	display:inline;
	position: relative;
}

.footer-container {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	clear: both;
	min-width: 1024px;
}

.footer {
	text-align:left;
	clear:left;
	color: #fff;
	padding: 202px 10px 15px 10px;
	font-size: 9px;
	margin: 0 auto;
	width: 1024px;
	overflow: hidden;	
}

.footer .copy {
	float: left;
	display: inline;
	width: 230px;
	margin: 10px 0 0 45px;
}
.footer .copy a,
.footer .copy a:visited {
	color: #fff;
}

.footer .service {
	float: left;
	display: inline;
	width: 410px;
	text-align: center;
	padding-top: 18px;
}

.footer .service a,
.footer .service a:visited {
	font-weight: bold;
	font-size: 11px;
	padding: 0 5px;
	color: #fff;
}
.footer .service a.disabled,
.footer .service a:visited.disabled { 
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	cursor: default;
}

.footer .share {
	float: left;
	display: inline;
	width: 300px;
	text-align: right;
	margin-top: 2px;
}

.footer .share a {
	float: right;
	display: inline;
	margin: 5px 2px 0 0;
}
.footer .share a img, .footer .share a span { width: 28px !important; height: 28px !important; }
* html .footer .share a img { width: 28px; height: 28px; }
.footer .share .tips { float: right; display: inline; margin-left: 9px; position: relative; width: 100px; }
.footer .share div a { margin: 0; float: none; }
#link-ministero img, #link-ministero span { width: 33px !important; height: 34px !important; }
#link-carta img, #link-carta span { width: 62px !important; height: 34px !important; }
#link-bosch img, #link-bosch span { width: 67px !important; height: 34px !important; margin-left: 4px; }

#link-ministero a, #link-carta a, #link-bosch a { cursor: default; }
#link-ministero div a, #link-carta div a, #link-bosch div a { cursor: pointer; }

.footer .share .tips .layer { font-weight: bold; font-size: 11px; color: #496e99; padding-bottom: 5px; line-height: 14px; }
.footer .share .tips .layer a,
.footer .share .tips .layer a:visited {
	position: relative;
	color: #436313;
}

.footer .share .tips .layer-bosch {
	position: absolute;
	top: -57px;
	right: 7px;
	width: 117px;
	height: 52px;
	text-align: center;
}

.footer .share .tips .layer-bosch .bglayer {
	background: url(../img/layer_bosch.png) no-repeat top left;
	float: left; 
	display: inline;
	width: 117px;
	height: 52px;
}

.footer .share .tips .layer-ministero {
	position: absolute;
	top: -75px;
	right: 18px;
	width: 274px;
	height: 70px;
	text-align: center;
}

.footer .share .tips .layer-ministero .bglayer {
	background: url(../img/layer_carta.png) no-repeat top left;
	float: left; 
	display: inline;
	width: 174px;
	height: 70px;
}

.footer .share .tips .layer-carta {
	position: absolute;
	top: -75px;
	right: 68px;
	width: 174px;
	height: 70px;
	text-align: center;
}

.footer .share .tips .layer-carta .bglayer {
	background: url(../img/layer_carta.png) no-repeat top left;
	float: left; 
	display: inline;
	width: 174px;
	height: 70px;
}

.footer .share .tips .layer div { padding-top: 4px; }

.footer .addthis img {
	visibility: hidden;
}
.footer .addthis a {
	float: right !important;
	display: inline;
	margin: 3px 2px 0 0 !important;
	width: 28px;
	height: 28px;
	background: url(../img/share_this.png) no-repeat top left;
}

/* tabs */

.tab-layout {
	float: left;
	display: inline;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
}

ul.tabs {
	float: left;
	display: inline;
	background: url(../img/bg_tabs.png) no-repeat top left;
	width: 249px;
	height: 276px;
	padding: 17px 0 0px 12px;
}

ul.tabs li {
	background: url(../img/bg_tabs_off.gif) no-repeat bottom right;
	float: left;
	display: inline;
	width: 100%;
	height: 60px;
	clear: both;
}
div.minified ul.tabs li {
	background: url(../img/bg_tabs_off.gif) no-repeat bottom right;
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	clear: both;
}

ul.tabs li.selected {
	float: left;
	display: inline;
	width: 100%;
	background: url(../img/bg_tabs_on.png) no-repeat top left;
}
div.minified ul.tabs li.selected {
	background: url(../img/bg_tabs_minified_on.png) no-repeat top left;
}

ul.tabs li.selected a { cursor: default; }

ul.tabs li a,
ul.tabs li a:visited {
	display: block;
	height: 40px;
	font-size: 18px;
	color: #673c89;
	padding: 20px 0 0 67px;
	position: relative;
	z-index: 100;
}
div.minified ul.tabs li a,
div.minified ul.tabs li a:visited {
	display: block;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #673C89;
	padding: 5px 0 3px 30px;
	position: relative;
	z-index: 100;
}
div.minified ul.tabs li.bgupr a,
div.minified ul.tabs li.bgupr a:visited {
	padding: 7px 0 0px 30px;
}

ul.tabs li.selected a,
ul.tabs li.selected a:visited {
	color: #c12b60;
}
div.minified ul.tabs li.selected a,
div.minified ul.tabs li.selected a:visited {
	padding: 13px 0 7px 30px;
	color: #c12b60;
}

div.tab-content {
	background: url(../img/bg_tab_content.png) no-repeat top left;
	float: left;
	display: inline;
	width: 677px;
	height: 291px;
	overflow: hidden;
	line-height: 16px;
	padding: 0 0px 0px 0;
}

div.tab-content strong.title,
div.tab-content h1.title,
div.tab-content h2.title {
	display: inline;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 12px;
}

p.center-image {
	text-align: center;
}

div.tab-layout div.text,
div.tab-layout li.text{
	width: 627px;
	height: 266px;
	padding: 25px 45px 20px 25px;
	position: relative;
}

div.text div.small {
	float: left; 
	display: inline; 
	width: 435px;
}

div.subtabs-controls {
	position: absolute;
	bottom: 0px;
	left: 20px;
	z-index: 10;
	overflow: hidden;
	padding: 0 8px;
	display: none;
}
.jcarousel-container div.subtabs-controls {
	display: inline;
}
.shadow-2 { background: url(../img/shadow_controls_2.gif) no-repeat bottom left; }
.shadow-2-big { background: url(../img/shadow_controls_2_big.gif) no-repeat bottom left; }
.shadow-5 { background: url(../img/shadow_controls_5.gif) no-repeat bottom left; }
.shadow-6 { background: url(../img/shadow_controls_6.gif) no-repeat bottom left; }

.subtab-pg-1 { background: url(../img/subtab_pg_1.gif) no-repeat top left; }
.subtab-pg-2 { background: url(../img/subtab_pg_2.gif) no-repeat top left; }
.subtab-pg-3 { background: url(../img/subtab_pg_3.gif) no-repeat top left; }
.subtab-pg-4 { background: url(../img/subtab_pg_4.gif) no-repeat top left; }
.subtab-pg-5 { background: url(../img/subtab_pg_5.gif) no-repeat top left; }
.subtab-pg-6 { background: url(../img/subtab_pg_6.gif) no-repeat top left; }

div.subtabs-controls a {
	float: left;
	display: inline;
	width: 66px;
	height: 52px;
	font-size: 0;
	text-indent: -999em;
	margin-right: 6px;
}

div.subtabs-controls a.selected {
	cursor: default;
	background-position: bottom left;
}

div.tab-layout div.video {
	width: 659px;
	height: 283px;
	padding: 8px 20px 20px 9px;
}
div.rel { position: relative; float: left; display: inline; width: 100%; }
div.rel div.youtube-video { 
	background: url(../img/bg_youtube.gif) no-repeat top left;
	position: absolute;  
	top: 0px;
	right: 0px;
	padding: 6px;
	width: 320px;
	height: 264px;
}

ul.video-list {
	margin: 0 0 0 25px;
	width: 280px;
}
ul.video-list li {
	margin: 14px 0 0 0;
	display: block;
}
ul.video-list li a,
ul.video-list li a:visited {
	display: block;
	font-size: 13px;
	color: #3f88a8;
	background: url(../img/ico_video.gif) no-repeat top left;
	padding: 1px 0 2px 40px;
	font-weight: bold;
	line-height: 13px;
	height: 26px;
}
ul.video-list li a.row1,
ul.video-list li a.row1:visited {
	display: block;
	font-size: 13px;
	color: #3F88A8;
	background: url(../img/ico_video.gif) no-repeat top left;
	padding: 8px 0 3px 40px;
	font-weight: bold;
	line-height: 13px;
	height: 18px;
}
ul.video-list li.selected a,
ul.video-list li.selected a:visited {
	color: #135181;
	text-transform: uppercase;
	background-position: bottom left;
}

div.tab-layout img.single-image {
	float: right; 
	display: inline; 
	margin: 25px 10px 0 0;
}

div.image-carousel {
	background: url(../img/bg_image_carousel.gif) no-repeat top left;
	float: right; 
	display: inline; 
	width: 147px;
	height: 153px;
	padding: 6px 6px 0 6px;
	margin-top: 25px;
	position: relative;
	z-index: 0;
}

ul.image-carousel { width: 2000px; }

ul.image-carousel li {
	float: left;
	display: inline;
	width: 147px;
	height: 153px;
}
ul.image-carousel img {
	padding: 0 0 6px 0;
}

.image-carousel-controls {
	position: absolute;
	bottom: -25px;
	right: 0;
	z-index: 100;
}

.image-carousel-controls a {
	float: left;
	display: inline;
	width: 19px;
	height: 22px;
	font-size: 0;
	text-indent: -999em;
	margin-left: 1px;
}

.image-carousel-controls a.indicator-1 { background: url(../img/indicator_1.gif) no-repeat bottom left; }
.image-carousel-controls a.indicator-2 { background: url(../img/indicator_2.gif) no-repeat bottom left; }

.image-carousel-controls a.selected { background-position: bottom right !important; }

.image-carousel .jcarousel-clip {
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:147px;
	z-index:2;
}

.image-carousel .jcarousel-list,
.image-carousel .jcarousel-item {
	float:left;
	height:147px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div.text ol li {
	display: block;
	padding: 1px 0 11px 20px;
	line-height: 11px;
}

div.text ol ul li {
	background: url(../img/bg_ul_inside_ol.gif) no-repeat center left;
	padding: 1px 0 0 11px;
}

.n1 { background: url(../img/number_1.gif) no-repeat top left; }
.n2 { background: url(../img/number_2.gif) no-repeat top left; }
.n3 { background: url(../img/number_3.gif) no-repeat top left; }
.n4 { background: url(../img/number_4.gif) no-repeat top left; }
.n5 { background: url(../img/number_5.gif) no-repeat top left; }
.n6 { background: url(../img/number_6.gif) no-repeat top left; }
.n7 { background: url(../img/number_7.gif) no-repeat top left; }
.n8 { background: url(../img/number_8.gif) no-repeat top left; }
.n9 { background: url(../img/number_9.gif) no-repeat top left; }
.n10 { background: url(../img/number_10.gif) no-repeat top left; }

a.video {
	display: block;
	background: url(../img/btn_video.gif) no-repeat top left;
	padding: 7px 0 7px 40px;
}