html, body {
    	font-family: Roboto, sans-serif;
    	height: 100%;
    	width:100%;
    	margin:0;
}

.dis{
display:none;
}

#container{
width:960px;
margin:0 auto;
}


#container_off{
width:960px;
margin:20px;
}


#header{
width:960px;
margin:0px auto 0 auto;
padding:10px 0px 0 10px;
height:100px;
background:#fff;
}


#header_pack{
width:960px;
margin:0 auto;
padding:15px 30px 0 30px;
height:120px;
position:relative;
}

#nav_pack_small{
font-size:10px;
color:#fff;
background-color:#555;
height:40px;
padding:10px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
position:absolute;
top:172px;
width:960px;
z-index:9000;
left: 28%;
margin-left: -250px; /* Half the width */
}

#nav_pack_small a{
font-size:10px;
color:#fff;
text-decoration:none;
}
#nav_pack_small a:hover{
font-size:10px;
color:#f00;
text-decoration:underline;
}


#nav_pack_toggle{
font-size:10px;
color:#fff;
background-color:#555;
height:40px;
padding:10px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
width:960px;
margin:0 auto;
z-index:9000;
}

#nav_pack_toggle a{
font-size:10px;
color:#fff;
text-decoration:none;
}
#nav_pack_toggle a:hover{
font-size:10px;
color:#f00;
text-decoration:underline;
}



#menu{
width:700px;
text-transform:uppercase;
font-weight:bold;
font-size:13px;
color:#222;
padding-top:19px;
text-align:center;

}

#menu a{
text-decoration:none;
color:#222;
}

#menu a:hover{
text-decoration:underline;
color:#FF0000;
}

#menu a:link{
	outline:none;
	text-decoration: none;	
}


#menu a:visited{
	outline:none;
	text-decoration: none;	
}

#menu a:active{
	outline:none;
	text-decoration: none;	
}


#menu a:focus{
	outline:none;
	text-decoration: none;	
}



#menu_pack{
width:620px;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;

}

#menu_pack a{
text-decoration:none;
color:#222;
}

#menu_pack a:hover{
text-decoration:underline;
color:#999;
}

#red{
width:100%;
height:8px;
margin-top:0px;
background-color:#f00;
}

.selected_menu{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}

.selected2{
text-decoration:none;
}

.tit_white{
font-size:30px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}


.tit_white2{
font-size:35px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
text-shadow: 2px 1px 3px rgba(150, 150, 150, 1);
}

.desc_white{
font-size:14px;
font-weight:bold;
text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
color:#fff;
}

#caption{
width:450px;z-index:300;top:400px;background-color:rgba(0,0,0,0.6);padding:20px;position:absolute;height:120px;font-size:11px;color:#fff;
}

.desc_home{
font-size:12px;
}


.titolo_big{
font-size:18px;
text-transform:uppercase;
font-weight:bold;
color:#222;
}

.titolo{
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#222;
}

.descrizione{
font-size:14px;
color:#666;
line-height:25px;
}

.descrizione2{
font-size:14px;
color:#666;
line-height:20px;
}

h2{
margin-bottom:10px;
}

#language_home{
margin-top:20px;
width:150px;
}

#language_home img:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity:0.6;
}


#language td{
padding-left:10px;
font-size:11px;
color:#999;
text-transform:uppercase;
}

#language img{
width:25px;
}


#language2 td{
padding-left:10px;
font-size:11px;
color:#999;
text-transform:uppercase;
}

.lang_img{
width:25px;
}


.fb img:hover{
opacity:0.7;
}


#language_hp td{
/*padding-top:5px;*/
padding-left:10px;
font-size:11px;
color:#999;
text-transform:uppercase;
}

#language_hp img{
width:25px;
}


.lang_sel img{
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}

.lang_sel img:hover{
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}

#language a{
font-size:11px;
color:#555;
}

#language a:hover{
font-size:11px;
color:#FF0000;
}



#nextpage{
background-color:rgba(255,255,255,0.6);text-align:center;width:500px;padding:10px;margin-bottom:40px;
}

#nextpage:hover{
background-color:rgba(255,255,255,0.8); text-align:center;width:500px;padding:10px;margin-bottom:40px;
}

#sez_home{
width:960px;
padding:15px;
}

#sez_home img{
width:225px;
}

#sez_home img:hover{
opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */ 
width:225px;
}


#rip_home{
list-style-type:none;
width:100%;
margin:0;
padding:0 0 20px 0;
text-align:center;
}

#rip_home li{
display:inline-block;
width:400px;
border:2px solid #dedede;
text-align:center;
margin-bottom:10px;
margin-right:5px;
cursor:pointer;
height:290px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#222;
}

#rip_home li:hover{
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#000;
border:2px solid #555;
opacity: 0.3;
filter: alpha(opacity=30); /* For IE8 and earlier */
}

#rip_home table{
	width:100%;
}

#rip_home img{
height:220px;	
}

#first a{
text-decoration:none;
}


#first a:hover{
color:#555;
transition: opacity 0.3s, transform 0.3s;
text-decoration:none;
}


#second a{
text-decoration:none;
}


#second a:hover{
color:#555;
transition: opacity 0.3s, transform 0.3s;
text-decoration:none;
}




#back_one{
position: absolute;
width:100%;
height:100%;
z-index:-95;
background:url(../images/back_off.jpg) no-repeat #fff;
/*-webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;*/
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
background-size:cover;
background-position: center bottom;
-webkit-transform: translate3d(0,0,0);
top:0;
left:0;
}



#back_two{
position: absolute;
width:100%;
height:100%;
z-index:-90;
background:url(../images/back_pack.jpg) no-repeat #fff;
/*-webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;*/
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
background-size:cover;
background-position: center center;

-webkit-transform: translate3d(0,0,0);
}



#footer{
width:960px;
margin:0 auto;
}

.foot{
font-size:11px;
}


#footer a{
font-size:11px;
text-decoration: none;
}

#footer a:hover{
font-size:11px;
text-decoration: underline;
}


#news_tab{
width:320px;

}

#news_tab td{
background-color:#ededed;
padding:10px;
margin-bottom:10px;
cursor:pointer;
}

#news_tab td:hover{
background-color:#dedede;
}

#tab_select{
background-color:#dedede;
}

.news_none{
height:10px;
background-color:#fff;
}


a{	
	text-decoration: none;
	color: #222;
	}


a:link{
	outline:none;
	text-decoration: none;	
	}
	
a:visited{
	outline:none;
	text-decoration: none;	
	}

a:hover{
	outline:none;
	text-decoration: underline;
	color: #FF0000;
	}
	
a:active{
	outline:none;
	text-decoration: none;
	}
	
a:focus{
	outline: none;
	}
	
img{
 border: 0px;	
	}
	
	
.blur{
width:100%;
height:100%;
position:absolute;
}

figure{
margin:0;
}	


#download{
margin:20px 0 10px 0;
}


#breadcrumb_pack{
width:920px;
margin: 20px auto;
height:20px;
border-bottom:1px solid #555;
font-size:12px;
padding-bottom:10px;
text-transform:capitalize;
}  
  
#breadcrumb_pack a{
color: #222;
font-size:12px;
text-decoration: none;
}

#breadcrumb_pack a:hover{
color: #f00;
font-size:12px;
text-decoration: underline;
}


#breadcrumb_off{
width:920px;
margin: 20px auto;
height:20px;
border-bottom:1px solid #555;
font-size:15px;
color:#222;
padding-bottom:10px;
}  
  
#breadcrumb_off a{
color: #222;
font-size:15px;
text-decoration: none;
}

#breadcrumb_off a:hover{
color: #FF0000;
font-size:15px;
text-decoration: underline;
}

#breadcrumb_scheda{
font-size:12px;
color:#222;
border-bottom:1px solid #FF0000;
width:100%;
text-transform:uppercase;
padding:8px 0 2px 0;
margin-bottom:20px;
}

#breadcrumb_scheda a{
color: #222;
font-size:12px;
text-decoration: none;
}

#breadcrumb_scheda a:hover{
color: #FF0000;
font-size:12px;
text-decoration: underline;
}



nav a {
	/*position: absolute;*/
	margin-left:45%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

nav a.prev {
	/*left: 0;*/
}

nav a.next {
	/*right: 0;*/
}


/*--------------------*/
/* Thumb flip */
/*--------------------*/

.color-7 { background-color: #c1b8ab; }

.nav-thumbflip a {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.nav-thumbflip a.prev {
	-webkit-perspective-origin: 100% 50%;
	perspective-origin: 100% 50%;
}

.nav-thumbflip a.next {
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.nav-thumbflip .icon-wrap {
	display: block;
	width: 100px;
	height: 100px;
	background-color: #dedede;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.nav-thumbflip svg.icon {
	position: relative;
	top: 50%;
	-webkit-transition: fill 0.3s;
	transition: fill 0.3s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	fill: #fff;
}

.navlogo img {
	position: absolute;
	top: 0;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.nav-thumbflip a.prev img {
	left: 100%;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.navlogo img {
	right: 75%;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.nav-thumbflip a:hover .icon-wrap {
	background-color: #fff;
}

.nav-thumbflip a:hover svg.icon {
	fill: #c1b8ab;
}

.nav-thumbflip a:hover img {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

h2{
text-transform:uppercase;
}

#el_hp{
margin:20px 0 0 0;
padding:0;
font-size:12px;
color:#222;
font-weight:bold;
list-style: none;
width:100%;
}

#el_hp li{
display:inline-block;
padding: 8px 10px 5px 28px;
background-image: url(../images/dot.png);
background-repeat: no-repeat;
background-position: 0 .5em;
text-transform:uppercase;
}

#el_hp a{
text-decoration:none;
color:#222;
}

#el_hp a:hover{
text-decoration:underline;
color:#FF0000;
}



#el_hp2{
margin:20px 0 0 0;
padding:0;
font-size:12px;
color:#222;
font-weight:bold;
list-style: none;
width:100%;
}

#el_hp2 li{
padding: 10px 10px 5px 28px;
background-image: url(../images/dot.png);
background-repeat: no-repeat;
background-position: 0 .5em;
text-transform:uppercase;
}

#el_hp2 a{
text-decoration:none;
color:#222;
}

#el_hp2 a:hover{
text-decoration:underline;
color:#FF0000;
}