/* @override http://stage.kelloggs.arcww.it/css/Kelloggs.css */

/* CSS Document */

html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #261818;
    text-align: center;
}
ul, ul li{margin: 0; padding: 0; list-style-type: none;}
img{border: 0; margin: 0; padding: 0;}
h1{position: absolute; top: -1000px;}
h2, h3{margin: 0; padding: 0; font-weight: normal;}
h3{
    font-size: 22px;
    line-height: 22px;
    color: #e11325;
}
h4{font-size: 14px; }
a{color: #261818;}
a:hover{color: #ec3915;}
a:active, a:focus{outline: none;}
form{margin:0; padding:0;}

/*structure*/

.container{margin-top: 32px;}
.header{
    height: 396px;
    background: url(../images/bgHeader.jpg) center top no-repeat;
}
.content{background: url(../images/bgContent.jpg) center top repeat-y;}
.footer{
    height: 60px;
    background: url(../images/bgFooter.jpg) center top no-repeat;
}
.wrap{
    width: 970px;
    margin: 0 auto;
    text-align: left;
}

/*backgrounds*/
.header .wrap{
    height: 373px;
    overflow: hidden;
    padding-top: 18px;
    position: relative;
    background: left 18px no-repeat;
}
#Hp .header .wrap{background-image: url(../images/headerHomepage.jpg);}

/*section headers*/
#ChiSiamo .header .wrap{background-image: url(../images/headerChiSiamo.jpg);}
#ChiSiamo_Storia .header .wrap{background-image: url(../images/headerChiSiamoHistory.jpg);}
#Prodotti .header .wrap{background-image: url(../images/headerProducts.jpg);}
#Nutrizione .header .wrap{background-image: url(../images/headerNutrizione.jpg);}
#Mamme .header .wrap{background-image: url(../images/headerMamme.jpg);}
#News .header .wrap{background-image: url(../images/headerNews.jpg);}
#Lavora .header .wrap{background-image: url(../images/headerNews.jpg);}
#Stampa .header .wrap{background-image: url(../images/headerStampa.jpg);}
#FoodService .header .wrap{background-image: url(../images/headerFoodService.jpg);}
#ServizioConsumatori .header .wrap{background-image: url(../images/headerFoodService.jpg);}
#Consumatori .header .wrap{background-image: url(../images/headerConsumatori.jpg);}
#Contatti .header .wrap{background-image: url(../images/headerLavora.jpg);}
#InviaAmico .header .wrap{background-image: url(../images/headerInviaAmico.jpg);}
#InfoLegali .header .wrap{background-image: url(../images/headerInfoLegali.jpg);}
#Privacy .header .wrap{background-image: url(../images/headerPrivacy.jpg);}
#Credits .header .wrap{background-image: url(../images/headerCredits.jpg);}
#Mappa .header .wrap{background-image: url(../images/headerMappa.jpg);}
#Hp.hpCandidatura .header .wrap{background-image: url(../images/headerLavoraConNoiHome.jpg);}
#Candidatura .header .wrap{background-image: url(../images/headerCandidatura.jpg);}
#Offriamo .header .wrap{background-image: url(../images/headerCosaOffriamo.jpg);}
#Persone .header .wrap{background-image: url(../images/headerPersone.jpg);}
#Dicono .header .wrap{background-image: url(../images/headerDiconodiNoi.jpg);}
.header .wrap .cock{
    width: 102px;
    height: 64px;
    position: absolute;
    right: 10px;
    bottom: 5px;
    background: url(../images/cock.gif) left top no-repeat;
	display:none;
}
.header .wrap > .cock{background-image: url(../images/cock.png);display:none;}
.header .wrap .ribbon{
    width: 126px;
    height: 169px;
    position: absolute;
    top: 5px;
    right: 0px;
	overflow:hidden;
    background: url(../images/ribbon.gif) left top no-repeat;
}
.header .wrap > .ribbon{background-image: url(../images/ribbon.png);}
.header .wrap .ribbon a{
	width: 126px;
    height: 169px;
	display:block;
}
.header .wrap .ribbon a span{position:absolute; top:-2000px; left:-2000px;}

.content .wrap{background: url(../images/bgContentInt.jpg) center top repeat-y;}
.content .colsInt{width: 970px;}
.footer .wrap{
	height: 55px;
	font-size: 10px;
	background: url(../images/bgFooterInt.png) center top no-repeat;
}
#ChiSiamo_Storia .footer .wrap{
    height: 55px;
    font-size: 10px;
    background: url(../images/bgFooterHistory.png) left top no-repeat;
}

/*menu*/
#menu{
    width: 238px;
    height: 373px;
    position: absolute;
    top: 18px;
    left: 0;
}
#menu ul{margin-top: 40px;}
#menu ul li{
    height: 31px;
    line-height: 31px;
    display: block;
    width: 238px;
    font-size: 13px;
    color: #000;
}
#menu ul li > div.menuLine{background: url(../images/borderMenuAlpha.png) repeat-x;}
#menu ul li.first .menuLine, #menu ul li.first .menuVoice{background: none;}
#menu ul li div.menuVoice{
    margin: 0 28px;
    padding-left: 7px;
    background: url(../images/borderMenu.gif) repeat-x;
}
#menu ul li a{color: #fff; text-decoration: none;}
#menu ul li a:hover{color: #000;}
#menu ul li.sel{background: url(../images/bulletMenu.gif) left center no-repeat;}
#menu ul > li.sel{background: url(../images/bulletMenu.png) left center no-repeat;}
#menu ul li.sel a{color: #000;}
#menu #logo_kelloggs{
    width: 238px;
    height: 45px;
    position: absolute;
    bottom: 10px;
    left: 0;
    background: url(../images/logo_kelloggs.gif) center center no-repeat;
}
#menu > div#logo_kelloggs{background: url(../images/logo_kelloggs.png) center center no-repeat;}
#menu #logo_kelloggs img#logo{position: absolute; top: -1000px;}
#menu #logo_kelloggs a{
    width: 150px;
    height: 45px;
    display: block;
    margin-left: 44px;
}
#menu #logo_kelloggs a span{position: absolute; top: -1000px;}

/*menu2*/
#menu2{width: 238px;}
#menu2 ul{}
#menu2 ul li{
    line-height: 17px;
    display: block;
    width: 238px;
    font-size: 14px;
    color: #9a9a9a;
    background: url(../images/colLeftBreak.png) left top no-repeat;
}
#menu2 ul li.first{padding-top: 10px;}
#menu2 ul li.first{background: none;}
#menu2 ul li div.menuVoice{margin: 0 28px; padding: 12px 0 8px 7px;}
#menu2 ul li a{
    color: #525252;
    text-decoration: none;
    display: block;
}
#menu2 ul li a:hover{color: #9a9a9a;}
#menu2 ul li.sel .menuLine{background: url(../images/bulletCont.gif) left 13px no-repeat;}
#menu2 ul li.sel a{color: #9a9a9a;}

/*menu3*/
#menu3{width: 238px; background-color: #9C6;}
#menu3 ul{}
#menu3 ul li{
    padding: 11px 0;
    line-height: 15px;
    display: block;
    width: 238px;
    font-size: 12px;
    color: #525252;
    background: #f3e6c9 url(../images/colLeftBreakMenu3.png) left top no-repeat;
}
#menu3 ul li div.menuLine, li.sel #menu3 ul li div.menuLine{
    margin: 0 0 0 26px;
    background: none;
    padding: 0;
}
#menu3 ul li div.menuVoice{
    margin: 0;
    padding: 0 0 0 26px;
}
li.sel #menu3 ul li a{
    color: #525252;
    text-decoration: none;
    display: block;
}
li.sel #menu3 ul li a:hover{color: #9a9a9a;}
#menu3 ul li.sel .menuVoice{background: url(../images/bulletMenu3.gif) left 5px no-repeat;}
li.sel #menu3 ul li.sel a{color: #9a9a9a;}

/*box homepage*/
#Hp .content .wrap{
    height: 286px;
    overflow: hidden;
    background: url(../images/bgContentHp.png) left top no-repeat;
}
#Hp .footer .wrap{background: url(../images/bgFooterHp.png) center top no-repeat;}
#Hp .cols{width: 975px;}
#Hp .col01, #Hp .col02, #Hp .col03, #Hp .col04{
	width: 243px;
	height: 273px;
	overflow: hidden;
	float: left;
	margin: 13px 1px 0 0;
	position: relative;
	text-align: center;
	background:center top no-repeat; /*immagine di sfondo dimensioni 223x263px*/
}
#Hp .col01{width: 238px;}
#Hp .cols .box{width: 229px; margin: 0 auto; text-align: left;}
#Hp .cols .box h3{
	height: 30px;
	line-height: 11px;
	overflow: hidden;
	margin: 20px 5px 0 5px;
	padding: 0;
    color: #f00;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
#Hp .cols .box .image{
    width: 229px;
    height: 116px;
    overflow: hidden;
    margin-top: 0px;
    text-align: center;
}
#Hp .cols .box .txt{
    margin: 10px 5px 0 5px;
    font-size: 11px;
    color: #846b33;
    line-height: 14px;
}
#Hp .cols .box .txtUp{
	position:absolute;
	margin-top:-10px;
}
#Hp .cols .box .txt p{
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 15px;
}
#Hp .cols .box .btn{
    width: 229px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

/*2 col*/
.colsInt{background: url(../images/bgColsInt.png) no-repeat;}
.colsInt .colLeft{
	width: 238px;
    float: left;
}
.colsInt .colRight{
    width: 731px;
    float: right;
}
.colsInt .tit{
    height: 47px;
    line-height: 47px;
    padding-left: 18px;
    color: #f00;
}
.colsInt .colRight .tit{padding-left: 38px;}
.colsInt .colRight .tit h2{font-size: 12px;}
.colsInt .colRight .tit h2 a{
    color: #f00;
    text-decoration: none;
}
.colsInt .colRight .tit h2 .now{color: #746a6a;}

/*active bread crumbs*/
.colsInt .colLeft .tit h2{font-size: 14px;}
.colsInt .colLeft .cont{}
.colsInt .colRight .cont{background: url(../images/bgColRightCont.png) center top no-repeat;}

/*products list*/
.productList{
    padding-top: 26px;
    float: none;
    clear: both;
}
.productList .brand{margin: 0 0 0 38px;}
.productList .simpleTextProduct{
    padding: 26px 38px;
    width: 450px;
}
.productList ul{margin-left: 10px;}
.productList ul li{
    width: 168px;
    height: 180px;
    text-align: right;
    float: left;
    display: inline;
}
.productList ul li a span{
    position: absolute;
    left: -3000px;
}
.productList h3{
    margin: 0 0 26px 0;
    padding-left: 38px;
    font-size: 14px;
    color: #ec3915;
    background: url(../images/bulletCont.gif) left center no-repeat;
}

/*products panel*/
.productPanel{}
.productPanel .block{}
.productPanel .blockColor{background: url(../images/colLeftBlockColor.png) left bottom repeat-x;}
.productPanel .break{
    width: 238px;
    height: 18px;
    background: url(../images/colLeftBreak.png) no-repeat;
}
.productPanel .breakColor{background: url(../images/colLeftBreakColor.png) no-repeat;}
.productPanel .breakColorEnd{background: url(../images/colLeftBreakColorEnd.png) no-repeat;}
.productPanel h3
{
    margin-left: 18px;
    color: #ec3915;
    font-size: 13px;
    position: relative;
}
.productPanel .filters{padding: 5px 0 15px 14px;}
.productPanel .filters ul{
    width: 210px;
    margin-top: 3px;
    height: 29px;
}
.productPanel .filters ul li{
    height: 29px;
    overflow: hidden;
    float: left;
    display: inline;
    text-align: center;
}
.productPanel .filters ul li div{
    background: url(../images/bgFilters.png) no-repeat;
    height: 27px;
    padding-top: 2px;
}
.productPanel .filters ul li div{background-position: center top;}

/*background for buttons up*/
.productPanel .filters ul li.lt div{background-position: left top;}
.productPanel .filters ul li.rt div{background-position: right top;}
.productPanel .filters ul li div.sel{background-position: center bottom;}

/*background for buttons down*/
.productPanel .filters ul li.lt div.sel{background-position: left bottom;}
.productPanel .filters ul li.rt div.sel{background-position: right bottom;}
.productPanel .filters ul li a{
    line-height: 27px;
    display: block;
    border-right: 1px solid #f5f4eb;
    border-left: 1px solid #cab390;
    color: #261818;
    text-decoration: none;
}
.productPanel .filters ul li a:hover{color: #ec3915;}
.productPanel .filters ul li.rt a{margin-right: 3px; border-right: none;}
.productPanel .filters ul li.lt a{margin-left: 3px; border-left: none;}
.productPanel .filters ul.three{}

/*dimension for buttons in line of three*/
.productPanel .filters ul.three li{width: 68px;}
.productPanel .filters ul.three li.lt{width: 71px;}
.productPanel .filters ul.three li.rt{width: 71px;}
.productPanel .filters ul.two{}

/*dimension for buttons in line of three*/
.productPanel .filters ul.two li{width: 105px;}
.productPanel .filters ul.two li.lt{}
.productPanel .filters ul.two li.rt{}
.productPanel .check{padding: 5px 10px 20px 16px;}
.productPanel .check table{border-collapse: collapse;}
.productPanel .check table td{
    width: 105px;
    vertical-align: top;
    padding: 15px 0 0 0;
    margin: 0;
    border-collapse: collapse;
}
.productPanel .check input{
    float: left;
    margin: 0;
    padding: 0;
    height: 13px;
}
.productPanel .check label{
    float: right;
    width: 85px;
}

/*product detail*/
.productListShadow{
    background: url(../images/bgProductListShadow.png) left top no-repeat;
    height: 10px;
    clear: both;
    float: none;
}
.productDetail{}
.productDetail .block{
    position: relative;
    background: #f5e3c6 url(../images/bgProductDetailBlock.png) repeat-x;
    float: left;
    width: 100%;
}
.productDetail .label{
    width: 100%;
    height: 37px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bgLabelProduct.png) left top no-repeat;
}
.productDetail .sel{display: none;}
.productDetail .label h3{
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    color: #73716b;
}
.productDetail .label a{
    display: block;
    color: #73716b;
    text-decoration: none;
}
.productDetail .label span{margin-left: 70px;}
.productDetail .label a:hover{color: #ec3915;}
.productDetail .detail{
    overflow: hidden;
    margin: 0 38px 0 38px;
    padding-top: 37px;
}
.productDetail .detail .txt{
    float: left;
    margin: 26px 0 0 0;
    width: 420px;
    color: #4d4444;
}
.productDetail .gda .txt h4{font-size: 14px;}
.productDetail .detail .txt p{margin-top: 0;}
.productDetail .detail .image {
    float: right;
    margin-top: 26px;
    margin-bottom: 0;
    text-align: right;
}
.productDetail .gda .txt{
    float: right;
    width: 355px;
    color: #4d4d4d;
}
.productDetail .gda .txt p{}
.productDetail .gda .image{float: left;}
.productDetail .detail .txt .btnOrange{background: url(../images/bgBtnOrangeTrasp.gif) no-repeat;}
.productDetail .detail .txt > .btnOrange{background: url(../images/bgBtnOrangeTrasp.png) no-repeat;}
.productDetail .block .clear{height: 20px;}

/*nutrition table*/
.nutritionTable{
    padding: 14px 0 0 0;
    color: #4d4d4d;
}
table.nutrition{
    table-layout: fixed;
    width: 655px;
    border: 1px solid #d7c3a2;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
table.nutrition caption{display: none;}
table.nutrition th, table.nutrition td{
    border-collapse: collapse;
    padding: 0 0 0 16px;
    font-size: 12px;
    text-align: left;
    color: #4d4d4d;
}
table.nutrition th{
    background: #e4d0b1;
    color: #ff4828;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
table.nutrition th.col1{width: 140px;}
table.nutrition th.col2{width: 90px;}
table.nutrition tr.principal td{
    padding-top: 5px;
    font-weight: bold;
    background-color: #e9d6b8;
}
table.nutrition tr.energetic td{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eddabd;
}
table.nutrition td{background-color: #efdcbf;}/*alternate rows*/
table.nutrition tr.odd td{background-color: #f5ead9;}/*alternate rows*/
table.nutrition td span.indent{margin-left: 16px;}

/*gda single portion table*/
.gdaPortion{
    padding-top: 30px;
    color: #4d4d4d;
    float: left;
}
.gdaPortionTxt{float: none; clear: both;}
.gdaTablePortion{
    float: left;
    margin: 5px 0;
    background-color: #0e5ea3;
}
.gdaTablePortion .cornerTopLeft, .gdaTablePortion .cornerTopRight, .gdaTablePortion .cornerBottomLeft, .gdaTablePortion .cornerBottomRight{
    width: 3px;
    height: 3px;
    position: absolute;
}
.gdaTablePortion > div.cornerTopLeft{background: url(../images/gda_cornerTopLeft.gif) left top no-repeat; top: 0; left: 0;}
.gdaTablePortion > div.cornerTopRight{background: url(../images/gda_cornerTopRight.gif) left top no-repeat; top: 0; right: 0;}
.gdaTablePortion > div.cornerBottomLeft{background: url(../images/gda_cornerBottomLeft.gif) left top no-repeat; bottom: 0; left: 0;}
.gdaTablePortion > div.cornerBottomRight{background: url(../images/gda_cornerBottomRight.gif) left top no-repeat;bottom: 0; right: 0;}
.gdaTablePortion table{
    margin: 0;
    margin: 3px;
    border-collapse: collapse;
    background-color: #FFF;
}
.gdaTablePortion table td{
    border-right: 1px solid;
    border-top: none;
    border-bottom: none;
    border-left: none; /*text-transform:uppercase;*/
    color: #0158a5;
    text-align: center;
}
.gdaTablePortion table tr.topCell td{
    background-color: #bce5f9;
    border-right: #fff;
    vertical-align: top;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    padding: 5px 9px 5px 8px;
}
.gdaTablePortion table tr.bottomCell td{
    background-color: #fff;
    border-right-color: #bce5f9;
    vertical-align: middle;
    font-size: 11px;
    line-height: 11px;
    padding: 9px 9px 9px 8px;
}

/*gda table*/
.gdaTable{
    width: 275px;
    float: left;
    margin-top: 26px;
    background-color: #ecd4ae;
    border: 1px solid #d7c3a2;
    color: #6d6d6d;
}
.gdaTable table.gda{
    width: 255px;
    margin: 10px;
    background-color: #eed7b3;
    border-top: 10px solid #eed7b3;
    border-bottom: 10px solid #eed7b3;
    border-collapse: collapse;
    font-weight: bold;
}
.gdaTable table.gda td{
    padding: 3px 12px;
    margin: 0;
    font-size: 12px;
}
.gdaTable table.gda td.dark{background-color: #e6cda7;}
.gdaTable table.gda td.titGda{
    width: 46px;
    padding: 0;
    background: url(../images/gda.gif) center center no-repeat;
}
.gdaTable table.gda2{
    width: 255px;
    margin: 10px;
    background-color: #eed7b3;
    border-top: 10px solid #eed7b3;
    border-bottom: 10px solid #eed7b3;
    border-collapse: collapse;
}
.gdaTable table.gda2 td{}
.gdaTable table.gda2 td.titUp{
    width: 76px;
    height: 60px;
    background: url(../images/gda2Up.gif) center bottom no-repeat;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    vertical-align: bottom;
}
.gdaTable table.gda2 td.titBottom{
    width: 76px;
    height: 60px;
    background: url(../images/gda2Bottom.gif) center top no-repeat;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff4928;
}
.gdaTable table.gda2 td.arrow{
    background: url(../images/gda2Arrow.gif) left center no-repeat;
    font-size: 9px;
    padding: 0 3px 0 18px;
}

/*news and promotion list*/
.newsBlock{
	background: url(../images/bgColRightCont.png) left bottom no-repeat;
    padding: 26px 38px 38px 35px;
}
.newsBlock .newsThumb{
    width: 242px;
    overflow: hidden;
    float: left;
}
.newsBlock .newsText{
    width: 390px;
    float: right;
    font-size: 14px;
    color: #322812;
}
.newsBlock .newsText h3{
    font-size: 18px;
    color: #e11325;
    padding: 5px 0 15px 0;
}
.newsBlock .newsText p{margin: 0; padding: 0;}

/*box left column*/
.highlights{
    background: url(../images/bgHighlightsBottom.png) left bottom no-repeat;
    padding: 0 0 20px 0;
    text-align: center;
}
.highlightsTop{
    height: 20px;
    background: url(../images/colLeftBreak.png) left top no-repeat;
}
.highlights .box{
    width: 229px;
    margin: 0 auto;
    text-align: left;
}
.highlights .box h3{
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    margin: 0 5px;
    padding: 0;
    color: #f00;
    font-size: 11px;
    text-transform: uppercase;
}
.highlights .box .image{
    width: 229px;
    height: 116px;
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
}
.highlights .box .txt{margin: 10px 5px 0 5px; color: #8a8a8a;}
.highlights .box .txt p{padding: 0; margin: 0;}
.boximageLeft{
	text-align: center;
	padding-top: 20px;
    background: url(../images/colLeftBreak.png) left top no-repeat;
}
.imageCulumn{
    float: right;
    padding: 26px 26px 0 0;
}

/*lavora con noi*/
.personBlock{
	width:49%;
	height:140px;
	overflow:hidden;
	float:left;
	position:relative;
	margin-top:26px;
	text-align:left;
}
.personImg{
	width:145px;
	height:121px;
	overflow:hidden;
	float:left;
	background-color:#e5d5b1;
}
.simpleText .personImg img{float:none;}/*image dimension 129x117px*/
.personImg .frame{
	width:145px;
	height:121px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/imgFrame.gif) top left no-repeat;
}
.personTxt{
	width:170px;
	float:left;
	margin-top:15px;
	color:#797979;
}
.personTxt p{margin:0; padding:0;}
.personBlock .btnOrangeSmall{
	position:absolute;
	bottom:30px;
	left:145px;
}
.personBlockBig{
	width:650px;
	overflow:hidden;
	float:left;
	position:relative;
	margin-top:26px;
	text-align:left;
}
.personBigImg{
	width:260px;
	height:221px;
	overflow:hidden;
	float:left;
	background-color:#e5d5b1;
}
.simpleText .personBigImg img{float:none;}/*image dimension 242x217px*/
.personBigImg .frame{
	width:260px;
	height:221px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/imgBigFrame.gif) top left no-repeat;
}
.personBigTxt{
	width:390px;
	float:left;
	margin-top:15px;
	color:#797979;
}
.personBigTxt h4{ font-size:14px; font-weight:normal; margin:0; padding:0 0 10px 0;}
.personBigTxt p{margin:0; padding:0;}
.personBlockBig .btnOrangeSmallBack{
	clear:both;
	float:none;
}
.diconoBlock{
	width:650px;
	overflow:hidden;
	float:left;
	position:relative;
	margin-top:26px;
	text-align:left;
}
.diconoImg{
	width:156px;
	float:left;
}
.simpleText .diconoImg img{float:none;}/*image dimension width 149px variable height, with graphic border included*/
.diconoTxt{
	width:350px;
	float:left;
	color:#797979;
}
.diconoTxt p{margin:0; padding:0;}
.simpleText .diconoBlock .clear{ height:1px; line-height:1px;}

.positionBlock{
	width:650px;
	overflow:hidden;
	float:left;
	position:relative;
	margin-top:26px;
	text-align:left;
	color:#797979;
}
.positionBlock h4{
	margin-top:0;
	font-size:12px;
	font-weight:bold;
	color:#e22737;
	text-transform:uppercase;
}
.positionBlock p{
	margin:0;
}

.boxLogin{
	width:307px;
	background:url(../images/bgBoxLogin.gif) left top repeat-y;
}
.boxLoginRecupera{background:none; padding-top:26px;}
.boxLogin .boxLoginTop{
	width:307px;
	height:15px;
	overflow:hidden;
	background:url(../images/bgBoxLoginTop.gif) left top no-repeat;
	float:none;
	clear:both;
}
.boxLogin .boxLoginBottom{
	width:307px;
	height:15px;
	overflow:hidden;
	background:url(../images/bgBoxLoginBottom.gif) left bottom no-repeat;
	float:none;
	clear:both;
}
.boxLogin .boxLoginMiddle{margin:0 12px;}
.boxLoginRecupera .boxLoginMiddle{margin:0 0;}
.boxLogin .boxLoginMiddle .formLine{
	float:none;
	clear:both;
	height:30px;
}
.boxLogin .boxLoginMiddle .formLine label{
	width:105px;
	float:left;
}
.boxLogin .boxLoginMiddle .formLine input{
	float:right;
}
.boxLogin .boxLoginMiddle .boxLoginError{
	float:none;
	clear:both;
	display:none;
}
.boxLogin .boxLoginMiddle .boxLoginTxt{
	float:none;
	clear:both;
	color:#e22f3e;
}
.boxLogin .boxLoginMiddle .boxLoginTxt a{
	color:#e22f3e;
	text-decoration:none;
}
.boxLogin .boxLoginMiddle .boxLoginTxt a:hover{
	text-decoration:underline;
}

/*generic contents*/
.simpleText{padding: 26px 38px 0 38px;}
.simpleText img{float: right;}
.simpleTextContacts{
	padding: 26px 38px 10px 38px;
    width: 410px;
}
#ChiSiamo_Storia .simpleText{/*height: 140px;*/}
.imageBig{padding: 26px 38px 0 38px;}/*img width max 650px*/
.textCulumn{
    width: 400px;
    float: left;
    padding: 26px 0 0 38px;
    color: #4d4444;
}
.textCulumn p{
    margin-top: 0;
    line-height: 18px;
    color: #4d4444;
}
.textCulumn .abstract{
    color: #846b33;
    font-size: 14px;
}
.textCulumn .abstract p{margin: 0;}

/*timeline storia*/
.timeline{
    margin-top: 0;
    margin-left: 239px;
    float: none;
    clear: both;
    display: block;
    text-align: center;
    height: 52px;
    background: url(../images/bgTimeline.png) left top repeat-x;
}
.timeline ul{/*margin-left: 20px;*/}
.timeline ul li{float: left; height:52px; display:block; background: url(../images/bgTimelineLi.png) center bottom no-repeat;}
.timeline ul li.sel{background-image: url(../images/bgTimelineLiSel.png);}
.timeline ul li div{
	width:81px;
    height: 30px;
    margin: 18px 0 0 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.timeline ul li div a{
    background: center center no-repeat;
    height: 30px;
	width:81px;
    display: block;
}
.timeline ul li div a span{position: absolute; top: -1000px;}
.timeline ul li.sel div a{position: absolute; top: -1000px;}

.timeline ul li div.btn09{width:83px;}
.timeline ul li div.btn09 a{width:83px;}

/*years images*/
.timeline ul li div.btn01{background-image: url(../images/timeline/btn01a.png);}
.timeline ul li div.btn02{background-image: url(../images/timeline/btn02a.png);}
.timeline ul li div.btn03{background-image: url(../images/timeline/btn03a.png);}
.timeline ul li div.btn04{background-image: url(../images/timeline/btn04a.png);}
.timeline ul li div.btn05{background-image: url(../images/timeline/btn05a.png);}
.timeline ul li div.btn06{background-image: url(../images/timeline/btn06a.png);}
.timeline ul li div.btn07{background-image: url(../images/timeline/btn07a.png);}
.timeline ul li div.btn08{background-image: url(../images/timeline/btn08a.png);}
.timeline ul li div.btn09{background-image: url(../images/timeline/btn09a.png);}

.timeline ul li div.btn01 a:hover{background-image: url(../images/timeline/btn01b.png);}
.timeline ul li div.btn02 a:hover{background-image: url(../images/timeline/btn02b.png);}
.timeline ul li div.btn03 a:hover{background-image: url(../images/timeline/btn03b.png);}
.timeline ul li div.btn04 a:hover{background-image: url(../images/timeline/btn04b.png);}
.timeline ul li div.btn05 a:hover{background-image: url(../images/timeline/btn05b.png);}
.timeline ul li div.btn06 a:hover{background-image: url(../images/timeline/btn06b.png);}
.timeline ul li div.btn07 a:hover{background-image: url(../images/timeline/btn07b.png);}
.timeline ul li div.btn08 a:hover{background-image: url(../images/timeline/btn08b.png);}
.timeline ul li div.btn09 a:hover{background-image: url(../images/timeline/btn09b.png);}

.timeline ul li.sel div.btn01{background-image: url(../images/timeline/btn01c.png);}
.timeline ul li.sel div.btn02{background-image: url(../images/timeline/btn02c.png);}
.timeline ul li.sel div.btn03{background-image: url(../images/timeline/btn03c.png);}
.timeline ul li.sel div.btn04{background-image: url(../images/timeline/btn04c.png);}
.timeline ul li.sel div.btn05{background-image: url(../images/timeline/btn05c.png);}
.timeline ul li.sel div.btn06{background-image: url(../images/timeline/btn06c.png);}
.timeline ul li.sel div.btn07{background-image: url(../images/timeline/btn07c.png);}
.timeline ul li.sel div.btn08{background-image: url(../images/timeline/btn08c.png);}
.timeline ul li.sel div.btn09{background-image: url(../images/timeline/btn09c.png);}

/*form*/
.formBig{margin: 0 38px;}
fieldset{margin: 0; padding: 0; border: none;}
legend{display: none;}
.formBig .block{
    width: 49%;
    height: 45px;
    float: left;
}
.formBig .blockLarge{
    width: 100%;
    float: none;
    clear: both;
}
.formBig .blockXLarge{
    width: 100%;
    height: 120px;
    float: none;
    clear: both;
}
.formBig label{
    display: block;
    height: 20px;
    line-height: 26px;
    overflow: hidden;
}
.formBig label.doubleLine{
    display: block;
    height: 20px;
    line-height: 12px;
    overflow: visible;
}
.formBig .block label{float: left; width: 120px;}
.formBig .left label{width: 95px;}
.formBig input.inputText, .formBig select, .formBig textarea{
    border: 1px solid #c3b28b;
    margin: 0;
    padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.formBig input.inputText{
    display: block;
    float: left;
    width: 180px;
    height: 18px;
    line-height: 18px;
}
.formBig input.inputSmall{width: 100px;}
.formBig input.inputXSmall{width: 50px;}
.formBig select{
    display: block;
    float: left;
    width: 180px;
    height: 22px;
    line-height: 20px;
}
.formBig select.selectSmall{ width: 80px;}
.formBig select.selectXSmall{width: 50px;}
.formBig .blockXLarge textarea{
    width: 540px;
    margin-left: 90px;
    height: 75px;
    overflow: auto;
}
.formBig .blockXLarge textarea.consensStep1{
    width: 630px;
    margin: 10px 0 0 0;
    height: 120px;
    overflow: auto;
	padding:10px;
}
.formBig .consenseBlock{
    width: 33%;
    height: 120px;
    float: left;
    margin-top: 26px;
}
.formBig .consenseBlock label{
    width: 100%;
    float: none;
    clear: both;
}
.formBig .consenseBlock textarea{
    width: 190px;
    height: 32px;
    overflow: auto;
    margin-top: 5px;
}
.formBig .inputRadio{
    margin: 0 5px 0 0;
    padding: 0;
    display: inline;
}
.formBig .inputCheck{
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    height: 26px;
}
.formBig .inputFile{
    width: 360px;
    float: none;
    margin-top: 10px;
}
.errorMsg{
    float: none;
    clear: both;
}
span.error{
    display: none;
    padding-left: 120px;
    font-size: 10px;
    color: #e11325;
}
.errorTxt{
    font-size: 10px;
    color: #e11325;
}
.formBig .left span.error{padding-left: 95px;}

/*site map*/
ul#siteMap{margin-bottom: 26px;}
ul#siteMap a{color: #e11325; text-decoration: none;}
ul#siteMap a:hover{color: #261818;}
ul#siteMap li{font-size: 14px; margin: 26px 0 0 0;}
ul#siteMap li ul li{
    font-size: 12px;
    margin: 6px 0 0 26px;
    padding-left: 15px;
    background: url(../images/bgLiMap.gif) left 3px no-repeat;
}

/*footer*/
.copyright{
    margin-top: 37px;
    float: left;
    color: #868686;
	line-height:12px;
}
.menuServices{
    margin-top: 37px;
    float: right;
    color: #000;
}
.menuServices ul li{display: inline;}
.menuServices ul li a{
    margin: 0;
    padding: 0;
    color: #000;
    text-decoration: none;
}
.menuServices ul li a:hover{text-decoration: underline;}
.menuServices .tratt{padding: 0 2px 0 4px;}

/*snack content*/
.snackText{
	clear:both;
	float:none;
	display:block;
}
.snackText h4{
	margin:0;
	padding:0 0 0 30px;
	background:left top no-repeat;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.snackText h4.tit1{background-image:url(../images/snackTextTit1.jpg);}
.snackText h4.tit2{background-image:url(../images/snackTextTit2.jpg);}
.snackText h4.tit3{background-image:url(../images/snackTextTit3.jpg);}
.snackText h4.tit4{background-image:url(../images/snackTextTit4.jpg);}
.snackText h4.tit5{background-image:url(../images/snackTextTit5.jpg);}
.snackText h4.tit6{background-image:url(../images/snackTextTit6.jpg);}
.snackText h4.tit7{background-image:url(../images/snackTextTit7.jpg);}
.snackText p{margin:0; padding:0 0 18px 30px;}
.snackText ul{margin:0; padding:0 0 18px 30px;}
.snackText ul li{margin:0; padding:0 0 10px 15px; background:url(../images/snackCircles.jpg) left 4px no-repeat;}
.snackText img{float:right; margin:0 0 18px 10px;}

.snackBox{
	clear:both;
	float:none;
	display:block;
	background:url(../images/bgSnackBox.jpg) left top no-repeat;
}
.snackBox .wrapSnackBox{padding:18px 0 18px 10px;}
.snackBox h4{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.snackBox img{float:right; margin:0 0 18px 10px;}
a.snackPdf{width:137px; height:47px; overflow:hidden; display:block; background:url(../images/snackPdf.jpg) left top no-repeat;}
a.snackPdf span{position:absolute; left:-2000px; top:-2000px;}

/*various*/
.hidden{position: absolute; top: -2000px; left: -2000px;}
p.payoff{position: absolute; top: -1000px;}
.flashContainer{}
.header .wrap #noFlash{
    width: 970px;
    height: 373px;
    background: url(../images/headerHpNoFlash.jpg) left top;
}
.clear{
    width: 100%;
    height: 1px;
    line-height: 1px;
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
}
.simpleText .clear{height: 26px;}
.btnOrange{
    width: 217px;
    height: 27px;
    overflow: hidden;
    line-height: 27px;
    margin-top: 15px;
    font-size: 10px;
    text-transform: uppercase;
    background: url(../images/bgBtnOrange.png) no-repeat;
}
.highlights .box .btnOrange{margin-top: 10px;}
.btnOrangeSmall{width: 129px; background: url(../images/bgBtnOrangeSmall.png) no-repeat;}
.boxLogin .btnOrangeSmall{background: url(../images/bgBtnOrangeSmallLogin.png) no-repeat; margin-top:0;}
.boxLoginRecupera .btnOrangeSmall{background: url(../images/bgBtnOrangeSmall.png) no-repeat;}
.btnOrangeSmallBack{width: 170px; background:url(../images/bgBtnOrangeSmallBack.png) no-repeat; text-align:right;}
.btnOrangeSmallBack a{padding-right:13px;}
.btnCenter{text-align: center;}
.btnCenter .btnOrangeSmall, .btnCenter .btnOrangeSmallBack{float: none; margin: 0 auto;}
.btnOrange a{color: #FFF; display: block; text-decoration: none;}
.btnOrange a:hover{color: #000;}
.btnOrange a span{padding: 0 25px 0 13px;}
.txtSmall{font-size: 10px;}
a.linkRed{color:#e22f3e; text-decoration:none; font-weight:bold;}
.titRed{color:#e22f3e; text-decoration:none; font-weight:normal; font-size:15px;}
.titSmall{ margin:0; padding:0; font-size:12px;}



