.pre {
	/*background-image:url(img/load.gif);*/
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#FFF;
}

.preload {
	display:none;
}

.cntslide {
	position:relative;
	width:100%;
	height:100%;
	max-height:50vh;
}

.slide {
	height:100%;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
}

.slide div, .slidericordi div {
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.slidericordi {
	width:100%;
	height:100%;
	z-index:10;
	position:absolute;
	left:0px;
	top:0px;
}

.navricordi {
	width:100%;
	background-color:rgba(0,0,0, 0.5);
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:20;
	height: 13px;
	list-style:none;
}

.navricordi {
	margin:0px;
	padding:0px;
	display:none;
}

.navricordi li {
	position: relative;
	float: left;
	height: 100%;
	width:150px;
	cursor: pointer;
}

.navricordi li a{
	display: block;
	text-indent: -9000px;
	background: #000 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.8), 
        0px 1px 0px 4px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.8), 
        0px 1px 0px 4px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.8), 
        0px 1px 0px 4px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.navricordi li a:hover{
	background-color: #f0f0f0;
}
.navricordi li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	filter: grayscale(100%);
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.navricordi li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slidevini {
	margin:60px auto 20px auto;
	height:600px;
	max-width:980px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
}

.slidevini div {
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	cursor:pointer;
	cursor:hand;
}

.slidevini div .desc {
	position:absolute;
	width:100%;
	height:auto;
	padding:5px 5px;
	font-size:18px;
	left:0px;
	bottom:0px;
	background-color:rgba(0,0,0, 0.5);
	color:#FFF;
	text-transform:uppercase;
}

.menuvini {
	list-style:none;
	padding:0px;
	margin:20px auto;
	text-align:center;
}

.menuvini li {
	float: none;
    display:inline;
	background-color:#000;
}

.menuvini li a {
	width:120px;
	height:120px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	border:1px solid #333;
	background-color:#000;
}

.menuvini li:hover a {
	background-color:#999;
}

.menuvini li.activeSlide a {
	background-color: #999;
}

.slidefermi {
	margin:60px auto 20px auto;
	height:600px;
	max-width:980px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
}

.slidefermi .slidefermivini {
	width:50%;
	height:100%;
	float:left;
}

.slidefermi .slidefermivini div {
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	cursor:pointer;
	cursor:hand;
}

.slidefermi .slidefermivini .desc {
	position:absolute;
	width:100%;
	height:auto;
	padding:5px 5px;
	font-size:18px;
	left:0px;
	bottom:0px;
	background-color:rgba(0,0,0, 0.5);
	color:#FFF;
	text-transform:uppercase;
}


.slidefermi ul {
	position:absolute;
	top:0px;
	width:100px;
	list-style:none;
	margin:0px;
	padding:0px;
	z-index:500;
	display:none;
}

#navrossi {
	left:60px;
}

#navbianchi {
	right:60px;
}

.slidefermi ul li {
	float: none;
    display:inline;
	background-color:#000;
}

.slidefermi ul li a {
	width:100px;
	height:100px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	border:1px solid #333;
	background-color:#000;
}

.slidefermi ul li:hover a {
	background-color:#999;
}

.slidefermi ul li.activeSlide a {
	background-color: #999;
}


@media (min-width: 700px) and (orientation: landscape) {
.slide div, .slidericordi div {
	background-size:contain;
}
}

@media screen and (min-width: 768px) {

.slide div, .slidericordi div {
	background-size:cover;
}


.cntslide {
	position:relative;
	width:100%;
	height:100%;
	max-height:none;
}


.slidevini {
	margin:120px auto 20px auto;
	background-size:cover;
	background-position:center center;
}

.slidefermi {
	margin:120px auto 20px auto;
	background-size:cover;
	background-position:center center;
}

.slidefermi ul {
	display:block;
}

.slidevini div .desc, .slidefermivini div .desc{
	display:none;
	padding:5px 20px;
}

.slidevini div:hover .desc, .slidefermivini div:hover .desc {
	display:block;
}

.navricordi {
	display:block;
}


}