body {
	background-color: #eee;
	background: url(../img/news_bkg_3.jpg) no-repeat center fixed;
	background-size:cover;
}

#wraper {
	background-color: #fff;
}

#rubrica{
	background: url(../img/r-news-boutiques.png) no-repeat top right;
}


#stripe{
	position:absolute;
	right:5%;
	width: 37%;
	height:100%;
	box-shadow: 0px 3px 20px #999;
	}




section{
	margin-top:0.5em;
	margin-bottom:0.5em;
//	background: #066;
	float: left;
	position: relative;
	}

.title{
	position:absolute;
	top:0;
	left:0;
	width:6%;
	height:100%;
}
.title h2{
font-weight:900;
}
	
.rottext{
	color:#FFFFFF;
	text-shadow: 0px -5px 10px #bbb;
	font-size:300%;

  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 20%;
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
     -moz-transform: rotate(-90deg) translate(-50%, 50%);
}




.illu{
	position:absolute;
	top:0;
	left:6%;
	width:47%;
	height:85%;
	margin: 2% 2% 2% 0;
	box-shadow: 0px 3px 20px #666;
	border:#FFF 13px solid;
	}		
	
	
article {
	background: rgba(255,255,255,0.5);
	width: 37%;
	float: right;
	margin-right:5%;
}

	
	
#sec1 .illu{	
	background: url(../img/montegrappa_n.jpg) no-repeat center ;	
	background-size:cover;
	}
		
#sec2 .illu{
	background: url(../img/dio_n.jpg) no-repeat center right;
	background-size:cover;
	}				
#sec3 .illu{
	background: url(../img/fabulous.jpg) no-repeat center center;
	background-size:cover;
	}				
#sec4 .illu{
	background: url(../img/fortuna_n.jpg) no-repeat left;
	background-size:cover;

	}				
#sec5 .illu{
	background: url(../img/symbol_n.jpg) no-repeat top;
	background-size:cover;

	}
#sec6 .illu{
	background: url(../img/spazio_n.jpg) no-repeat center;
	background-size:cover;
	}	
#sec7 .illu{
	background: url(../img/zegna_n.jpg) no-repeat center;
	background-size:cover;
	}	


	
	
	



@media only screen and (max-width: 950px) {

.illu{
width:100%;
height:300px;
position:relative;
left:0;
	box-shadow: 0px 3px 20px #666;
	border-left:0;
	border-right:0;
	margin:-2% 0 0 0;
//	z-index:500;
	


}

article {
width: 100%;
height:50%;
margin:0;
}


#stripe{
display:none;
}


.title{
position:static;
width:100%;
margin:0;
//		background-color: #000;
}
	
.rottext{
	color:#FFFFFF;
	text-shadow: 0px -5px 10px #bbb;
	font-size:300%;
		margin: 0;
//			background-color: #aaa;

  position: static;
  text-align:center;
  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
  -webkit-transform: rotate(0deg) translate(0, 0);
     -moz-transform: rotate(0deg) translate(0, 0);
}