@charset "UTF-8";

#siteWrapper{

}



/******** banner ********/
#bannerWrapper{
	background:url("/Portals/28/Skins/Menarini-Firma/Images/bannerhomepagefirma_optimized.jpg") center bottom no-repeat;
	height: 626px;
}
#apteniWrapper{
	background:url("/Portals/28/Images/banner/banner-homepage-apteni.jpg") center top no-repeat;
}
#apteniWrapperMobile{
	/*background:url("Images/banner_apteni_home_mobile.png") center top no-repeat;*/
}
#whiteWrapper{
	background:url("/Portals/28/Images/banner/banner-homepage-contact.jpg") center top no-repeat;
}

#slider-content .nivo-directionNav{
	display:none !important;
}
#dnn_bannerPane{
	width:100%;
	height:492px;
}
#dnn_bannerPane .testo .titolo {
	color:#00205b;
	font-weight: 300;
    font-size: 35px;
	/*line-height: 70px;*/
	float: right;
    clear: both;
	text-align: right;
}
#dnn_bannerPane .sottotitolo {
	color:#6787b7;
	font-weight: 300;
    font-size: 30px;
	float: right;
    clear: both;
	text-align: left;
	margin-top: 0px;
}
#dnn_bannerPane .testo {
    height: 100%;
    margin-top: 160px;
    max-width: 530px;
	float: right;
    clear: both;    
	font-family: 'Raleway', sans-serif;
}
#dnn_bannerPane .testo .tasto {
	float: right;
    clear: both;
	text-align: left;
	margin-top: 26px;
}
#dnn_bannerPane .testo .tasto a {
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #00205b !important;
	color:#00205b;
	font-weight: 700;
    font-size: 15px;
	padding-top:8px;
	padding-bottom:8px;
	float: right;
	font-family: 'Encode Sans', sans-serif;
}







#dnn_bannerPane .ModDNNHTMLC > div{
	float:left;
	width:100%;
	height:492px;
	position:relative;
	overflow:hidden;
}
#dnn_bannerPane .ModDNNHTMLC > div .layer_1{
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
#dnn_bannerPane .ModDNNHTMLC > div .layer_2{
	position:absolute;
	bottom:0px;
	left:0px;
	/*width:135px;*/
	width:0px;
	height:432px;
	background:#237401;
	z-index:3;
}
#dnn_bannerPane .ModDNNHTMLC > div .layer_3{
	position:absolute;
	bottom:0px;
	left:0px;
	/*width:330px;*/
	width:0px;
	height:432px;
	background:#b04632;
	z-index:2;
}
#dnn_bannerPane .ModDNNHTMLC > div .layer_4{
	position:absolute;
	bottom:0px;
	left:0px;
	/*width:680px;*/
	width:0px;
	height:432px;
	background:#a17820;
	z-index:1;
}
#dnn_bannerPane .ModDNNHTMLC > div .layer_5{
	position:absolute;
	bottom:0px;
	left:0px;
	width:786px;
	height:432px;
	background:#b6b49b;
	z-index:0;
}
#dnn_bannerPane .ModDNNHTMLC > div .circles_layer{
	position:absolute;
	top:153px;
	left:58px;
	z-index:4;
	width:530px;
}
#dnn_bannerPane .ModDNNHTMLC > div .circles_layer .circle_1{
	display:none;
}
#dnn_bannerPane .ModDNNHTMLC > div .circles_layer .circle_2{
    position: absolute;
    left: 197px;
    top: 1px;
	display:none;
}
#dnn_bannerPane .ModDNNHTMLC > div .circles_layer .circle_3{
    position: absolute;
    left: 416px;
    top: 1px;
	display:none;
}
#dnn_bannerPane .ModDNNHTMLC > div h1 {
    /*bottom: 7px;*/
	bottom: 61px;
	/*bottom:-120px;*/
    color: #787663;
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    /*left: 12px;*/
	left: -637px;
    line-height: 43px;
    position: absolute;
    z-index: 5;
	text-align:center;
	width:637px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
#dnn_sliderPane .ModDNNHTMLC > div h1 {
    bottom: 30px;
    color: #787663;
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    text-align:center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
#dnn_bannerPane .ModDNNHTMLC > div h1 em,
#dnn_sliderPane h1 em{
	font-family: 'Raleway', sans-serif;
	font-size:38px;
	font-weight:normal;
	background: none repeat scroll 0 0 #8E8C79;
	color: #FFFFFF;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	width:100%;
	float:left;
}
#dnn_sliderPane h1 em {
    background: none;
}
.de-DE #dnn_bannerPane .ModDNNHTMLC > div h1{
	width:700px;
}
.de-DE #dnn_bannerPane .ModDNNHTMLC > div h1 em{
	font-size:28px;
}
.fr-FR #dnn_bannerPane .ModDNNHTMLC > div h1{
	width:700px;
}
.fr-FR #dnn_bannerPane .ModDNNHTMLC > div h1 em{
	font-size:28px;
}
#dnn_bannerPane .ModDNNHTMLC > div h1 a em,
#dnn_sliderPane h1 a em {
    background: none repeat scroll 0 0 #8E8C79;
    color: #FFFFFF;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;   
}
#dnn_sliderPane h1 a em {
    background: none;
}
#dnn_bannerPane .ModDNNHTMLC > div h1 .hashtag,
#dnn_sliderPane h1 .hashtag {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;

	text-align: center; 
	color: #000000; 
	font-size: 26px;
	font-family: 'Raleway', sans-serif;
	width:100%;
	float:left;
	margin-top:5px;
}
#dnn_bannerPane .ModDNNHTMLC > div h1 .hashtag a,
#dnn_sliderPane h1 .hashtag a{
	color: #000000; 
	font-size: 26px;
	font-weight:normal;
	font-family: 'Raleway', sans-serif;
}
#dnn_bannerPane .ModDNNHTMLC > div h1 .hashtag a:hover,
#dnn_sliderPane h1 .hashtag a:hover{
	text-decoration:underline;
}
#dnn_homeContentPane{
	margin-top: 50px;
	margin-bottom:100px;
}
#dnn_homeContentPane h3{
	text-transform: none;
	color:#00205b;
	font-size:48px;
}
#dnn_homeContentPane .esterno{
	border-bottom: 1px solid #a4a5a4;
    float: left;
	margin-top:24px;
	width: 100%;
}
#dnn_homeContentPane .interno{
	margin-top:24px;
	float: left;
	width:100%;
	padding-bottom: 20px;
}
#dnn_homeContentPane .interno .sx{
	float: left;
    width: 56%;
	margin-right:4%;
}
#dnn_homeContentPane .interno .dx{
	float: right;
    width: 40%;
}
#dnn_homeContentPane .interno .dx img{
	float: right;
	width: 100%;
}
#dnn_homeContentPane .sx .titolo{
	color:#6787b7;
	font-weight:700;
	font-size:20px;
	float: left;
}
#dnn_homeContentPane .sx .testo{
	color:#58595b;
	font-weight:500;
	font-size:16px;
	float: left;
	line-height:20px;
}
#dnn_homeContentPane .sx .tasto{
	margin-top:40px;
	float: left;
	width:172px;
	clear: both;
}
#dnn_homeContentPane .sx .tasto a{
	color:#00205b;
	font-weight:600;
	font-size:16px;
	padding-left: 15%;
    padding-right: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
	border: 2px solid #00205b;
	float: left;
	font-family: 'Encode Sans', sans-serif;
	text-decoration: none;
}

/******** boxhomepage ********/
.boxHomePage {
	position: relative;
	float: left;
	min-height: 135px;
	padding: 10px;
}
.boxHomePage img { max-width:100%; } 
.boxHomePage .image {
	float: left;
	max-width: 40%;
}
.boxHomePage .testo {
	float: left;
	max-width: 55%;
	margin-left: 10px;
}
.boxHomePage .read_more {
	position: absolute;
    bottom: 10px;
    right: 10px;
}
/******** contenuto ********/
#contentWrapper img{
	/*max-width: 100%;*/
	height: auto;
}
#dnn_homeContentPane img{
	max-width: 100%;
}
#contentWrapper{
	padding-top:0px;
}

#content-area {
    background: url("Images/content-area-home_bg.png") right top repeat-y;
}

#dnn_contentPane,
#dnn_apteniContentPane,
#dnn_whitecontentPane{
	width:100%;
	/*min-height:173px;*/
}
#content-boxes,
#content-boxes-bottom{
	width:740px;
}
#content-area{
	/*height:368px;*/
}

#apteniWrapper .titolo{
	color:#FFF;
	font-weight:300;
	font-size:45px;
	float: left;
	clear: both;
	margin-top:60px;
}
#apteniWrapper .sottotitolo{
	float: left;
	clear: both;
	color:#FFF;
	font-weight:700;
	font-size:20px;
	line-height:26px;
	margin-top:24px;
}
#apteniWrapper .testo{
	float: left;
	clear: both;
	color:#FFF;
	font-weight:500;
	font-size:16px;
	line-height:20px;
	margin-top:16px;
	margin-bottom: 0px;
}
#apteniWrapper .tasto{
	float: left;
	margin-top:30px;
	width:190px;
	margin-bottom:60px;
}
#apteniWrapper .tasto a{
	float: left;
	color:#FFF;
	font-weight:600;
	font-size:16px;
	padding-left: 34px;
    padding-right: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
	border: 2px solid #FFF;
	font-family: 'Encode Sans', sans-serif;
}
.apteniBannerPaneMobile img{
	width:100%;
}
.apteniBannerPaneMobile p{
	margin-bottom:0px;
}
#apteniWrapperMobile .titolo{
	color:#00205b;
	font-weight:300;
	font-size:45px;
	float: left;
	clear: both;
	margin-top:20px;
}
#apteniWrapperMobile .sottotitolo{
	float: left;
	clear: both;
	color:#00205b;
	font-weight:700;
	font-size:20px;
	line-height:26px;
	margin-top:24px;
}
#apteniWrapperMobile .testo{
	float: left;
	clear: both;
	color:#00205b;
	font-weight:500;
	font-size:16px;
	line-height:20px;
	margin-top:16px;
	margin-bottom: 0px;
}
#apteniWrapperMobile .tasto{
	float: left;
	margin-top:30px;
	width:172px;
	margin-bottom:0px;
}
#apteniWrapperMobile .tasto a{
	float: left;
	color:#00205b;
	font-weight:600;
	font-size:16px;
	padding-left: 34px;
    padding-right: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
	border: 2px solid #00205b;
	font-family: 'Encode Sans', sans-serif;
}

#whiteWrapper .titolo{
	color:#00205b;
	font-weight:300;
	font-size:45px;
	float: left;
	clear: both;
	margin-top:80px;
}
#whiteWrapper .testo{
	float: left;
	clear: both;
	color:#868788;
	font-weight:500;
	font-size:16px;
	line-height:24px;
	margin-top:30px;
	margin-bottom: 0px;
}
#whiteWrapper .tasto{
	float: left;
	margin-top:30px;
	width:172px;
	margin-bottom:60px;
	clear:both;
}
#whiteWrapper .tasto a{
	float: left;
	color:#6787b7;
	font-weight:600;
	font-size:16px;
	padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
	border: 2px solid #6787b7;
	font-family: 'Encode Sans', sans-serif;
}
@media (max-width: 768px)
{
	.slider-wrapper .contenitore_interno_slideshow{
		display:none;
	}
	#contentWrapper {
		background: transparent;
	}
	#content-area {
		background: transparent;
	}
	#contentWrapper {
		padding-top: 0px;
	}
	#dnn_rightPane {
		display:none;
	}
	#dnn_homeContentPane h3 {
		font-size: 24px;
	}
	#dnn_homeContentPane img {
		margin-top:20px;
	}
	#dnn_homeContentPane .interno .sx {
		float: left;
		width: 100%;
		margin-right: 0%;
	}
	#whiteWrapper{
		background: url("Images/bg_white_content_pane_home.png") center top no-repeat;
		background-size: 100% 100%;
		margin-top:100px;
	}
	#whiteWrapper .titolo {
		margin-top: 10px;
		margin-bottom:0px;
		font-size:32px;
	}
	#whiteWrapper .tasto {
		margin-top: 2px;
	}
	#whiteWrapper .testo {
		font-size: 14px;
		line-height: 20px;
		margin-top: 2px;
	}
	#whiteWrapper .tasto {
		margin-top: 6px;
	}
	#whiteWrapper .tasto a {
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	    #dnn_sliderPane h1 a em {
        font-size: 20px;
    }
	#dnn_homeContentPane .sx .titolo{
		font-size: 5.8vw;
		line-height: 6.4vw;
		margin-bottom: 1rem;
	}
	#dnn_homeContentPane .sx .testo{
		font-size: 2.8vw;
		line-height: 3.6vw;
	}
	#dnn_homeContentPane .sx .tasto a{
		font-size: 2.8vw;
		line-height: 3.6vw;
	}
}
@media (min-width: 769px)
{
	#whiteWrapper{
		min-height:580px;
	}
}