@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Fenix);
@import url(http://fonts.googleapis.com/css?family=Rufina);
@import url(http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; 	padding: 0; border: 0; font-size:100%; font: inherit; }

ul {
   list-style: url("../images/list.png");
   padding-left:20px;
   margin:10px;
   margin-top:5px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {overflow-y:scroll;}

body { font: 13px 'Helvetica Neue', Arial, sans-serif; color: #222;	line-height:1.6em; background:url(../images/bgBody2.png); }

.backgroundBlue{ background:#505D7F; }

#boxContainerWrapper{position:relative;}
#menuRates { float:right; color:#fff; border-top:1px solid #D8A42C; padding-top:15px; width:145px; display:none; margin-right:75px; }
#menuRates a { font-family: 'Montserrat', sans-serif; display:block; color:#fff; text-decoration:none; font-size:13px; line-height:1.5em; text-transform:uppercase; }
#menuRates a:hover {color:#00B1DD;}
#footer { background-color:#EEE; padding:12px; }
#footer p { font-family: 'Montserrat', sans-serif; font-size:10px; color:#666; }
#footer a { color:#09C; text-decoration:none; }
#areaMenuFooter { padding:20px 10px; border-top:1px solid #576387; background:#fff; }
.menuFooter { padding:0 15px 0; border-left:1px solid #DDD; }
.menuFooter h2 { font-family: 'Montserrat', sans-serif; color:#576387; font-size:15px; margin-bottom:10px; }
.menuFooter p { font-family: 'Montserrat', sans-serif; display:block; color:#555; }
.menuFooter a { font-family: 'Montserrat', sans-serif; display:block; color:#555; text-decoration:none; }
.menuFooter a:hover{ color:#00B1DD; }
.readMore { color:#09C; text-align:right; text-decoration:none; float:right; }
.clearboth { clear:both; }
#menuRooms { display:none; }
#menuRooms a { display:block; position:relative; width:230px; height:125px; background-position:center center; background-repeat:no-repeat; padding:2px; border:1px solid #DDD;
float:left; margin:2px; box-shadow:2px 1px 2px #CCC; }
#menuRooms a .bandaBlu { display:block; width:230px; height:125px; background-color:#069; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:0.7; }
#menuRooms a .txtMenuGalleria { padding-top:56px; display:block; width:230px; height:125px; text-align:center; position:absolute; left:0; top:0; z-index:2; color:#FFF; text-shadow:2px 2px 2px #000; font-size:14px; text-transform:uppercase; }

/********/

#boxContainer { width:1003px; margin:0 auto; position:relative; }

#offers{ position:absolute; top:60; width:140px; left:350; height:89px; background-color:#FFF; z-index:100; background:url(../images/special_offers2.png) top center; }

#luxury{ position:absolute; top:20; width:108px; left:380; height:104px; background:url(../images/luxury.png) top center; }
#luxury2{ position:absolute; top:10; width:474px; left:10; height:99px; background:url(../images/luxury2.png) top center; }

/* struttura principale */
#bandaHeader{ position:absolute; top:0; left:0; width:102%; height:60px; background-color:#FFF; z-index:100; background:url(../images/home/top.png) top center; border-bottom:4px solid #006; }

#logoJk { display:block; width:110px; height:73px; background:url(../images/logo.png) center center no-repeat; padding:0px; }
#menuPrincipale	{ margin-left:80px; }
#menuPrincipale a { text-transform:uppercase; color:#fff; text-decoration:none; padding:0 13px; margin:0 3px; font-size:14px; border-bottom:2px solid transparent; font-family: 'Montserrat', sans-serif; font-weight:400; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; transition:all 0.1s linear; }
#menuPrincipale a:hover { text-transform:uppercase; color:#eee; text-decoration:none; padding:0 13px; margin:0 3px; font-size:14px; font-family: 'Montserrat', sans-serif; 	font-weight:400; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; transition:all 0.1s linear; }		

/* SLOGANS FOR BIGGERSMALL CLASS */
#slogan11{position:relative;height:30;left:82%;top:-350px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
#slogan12{position:relative;height:30;left:81%;top:-300px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
#slogan1{position:relative;height:30;left:79%;top:-200px;font-size:70px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan2{position:relative;height:30;left:79%;top:-150px;font-size:50px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan3{position:relative;height:30;left:69%;top:-110px;font-size:50px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan31{position:relative;height:30;left:82%;top:-70px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }

/* SLOGANS FOR BIGGER CLASS
#slogan1{position:relative;height:200;left:71%;top:-500px;font-size:90px; line-height:50px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan2{position:relative;height:200;left:70%;top:-430px;font-size:70px; line-height:50px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan3{position:relative;height:50;left:56%;top:-370px;font-size:70px; line-height:50px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
*/
#slogan4{position:absolute; width:500px; height:300px; z-index:10; top:70px; left:50px; font-size:50px; line-height:60px; text-align:left; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Playfair Display SC', serif; }
#slogan5{position:absolute; width:500px; height:50px; z-index:10; top:190px; left:55px; font-size:20px; line-height:20px; text-align:left; color:#fff; font-family: 'Times New Roman', serif; }
/*
#slogan1{ position:absolute; width:500px; height:300px; left:750px; top:70px; font-size:90px; z-index:10; line-height:60px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan2{ position:absolute; width:500px; height:300px; left:730px; top:140px; font-size:70px; z-index:10; line-height:60px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan3{ position:absolute; width:500px; height:300px; left:750px; top:210px; font-size:70px; z-index:10; line-height:60px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
*/

/*
#slogan1{ position:relative; top:-410px; left:-150px; font-size:90px; float:right; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan2{ position:relative; top:-340px; left:-80px; font-size:70px; float:right; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan3{ position:relative; top:-280px; left:170px; font-size:70px; float:right; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }

ORIGINAL:

#slogan1{ position:absolute; width:500px; height:300px; z-index:10; top:70px; left:50px; font-size:70px; line-height:60px; text-align:left; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Playfair Display SC', serif; }
#slogan2{ position:absolute; width:500px; height:200px; z-index:10; top:260px; left:50px; text-align:left; font-family: 'Playfair Display SC', serif; font-family: 'Fenix', serif;
font-size:20px; color:#ddd; text-shadow:-2px 2px 12px #000; }	

*/


#boxContainer a { position:relative; display:block; float:left; margin:3px 5px; }
#boxContainer a h1{ width:100%; height:40px; color:#fff; position:absolute; bottom:50px; left:0px; font-family: 'Playfair Display SC', serif; font-size:30px; line-height:28px;
text-shadow:-2px 2px 6px #000; z-index:5; }
#boxContainer a h2{ display:block; background:url(../images/trasparenza.png); position:absolute; width:100%; height:200px; z-index:4; bottom:5px; left:0px; }		
#boxContainer a span{ width:100%; height:30px; color:#BCC5DC; position:absolute; bottom:30px; left:0px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:13px; z-index:5; }	
		
/* per box verticali */
#boxContainer a h3{ width:100%; height:40px; color:#fff; position:absolute; top:10px; left:0px; font-family: 'Playfair Display SC', serif; font-size:24px; line-height:28px; 						text-align:left; margin-left:30px; text-shadow:2px 2px 2px #000; }
#boxContainer a h4{
width:50%; height:40px; color:#fff; position:absolute; top:70px; left:0px; font-family: 'Rufina', serif; font-size:16px; line-height:16px; text-align:left; margin-left:30px;
margin-right:30px; text-shadow:2px 2px 2px #000; }
#boxContainer a h5{ width:90%; height:40px; color:#fff; position:absolute; top:50px; left:0px; font-family: 'Rufina', serif; font-size:16px; line-height:16px;	text-align:left;
margin-left:30px; margin-right:30px; z-index:100; }
#boxContainer a h6{ width:90%; height:40px; color:#fff; position:absolute; top:10px; left:0px; font-family: 'Rufina', serif; font-size:16px; line-height:16px;	text-align:left;
margin-left:30px; margin-right:30px; z-index:100; }

/* elementi box e resize con media queries */
#boxContainer{ width:1250px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigger{ width:1230px; height:620px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.biggerMain{ width:1230px; height:367px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.biggerLoc{ width:1230px; height:467px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigHotel{ width:710px; height:400px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.big{ width:610px; height:400px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigText{ width:610px; height:400px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigText2{ width:610px; height:450px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigTextDiscover{ width:610px; height:300px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.smallText{ width:610px; height:330px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.item{ width:300px;	height:400px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear;	}
.verticalSmall{ width:610px; height:420px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.vertical{ width:610px; height:805px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalCave{ width:610px; height:490px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalCave2{ width:610px; height:855px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalDiscover{ width:610px;	height:600px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalBig{ width:610px; height:1222px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalBigHistory{ width:610px; height:1222px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalBar{ width:610px; height:1228px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }

.verticalEvents{ width:600px; height:400px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.oscura {display:none; }

.cta-rooms{ 
background-color:#cc1a00; padding:10px 16px; width:250px; border:none; cursor:pointer; color:#FFF; font-size:14px; border:1px solid #900; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background: rgb(255,5,5);
background: -moz-linear-gradient(top,  rgba(255,5,5,1) 0%, rgba(183,0,3,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,5,5,1)), color-stop(100%,rgba(183,0,3,1)));
background: -webkit-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
background: -o-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
background: linear-gradient(to bottom,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0505', endColorstr='#b70003',GradientType=0 );
border:2px solid #C20;
color:#fff !important;
text-align:center;
text-decoration:none;
position:absolute;
bottom:15px!important;
left:50% !important;
}

.link-rooms{ 
background-color:#cc1a00; padding:10px 16px; width:100px; border:none; cursor:pointer; color:#FFF; font-size:14px; border:1px solid #900; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background: rgb(255,5,5);
background: -moz-linear-gradient(top,  rgba(255,5,5,1) 0%, rgba(183,0,3,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,5,5,1)), color-stop(100%,rgba(183,0,3,1)));
background: -webkit-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
background: -o-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
background: linear-gradient(to bottom,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0505', endColorstr='#b70003',GradientType=0 );
border:2px solid #C20;
color:#fff !important;
text-align:center;
text-decoration:none;
position:absolute;
bottom:25px!important;
left:50% !important;
}

.googlemaps{
background-image:url('../images/box-location/google_maps.png'); 
position:absolute;
margin-left:230px;
top:290px!important;
}
.googleearth{
background-image:url('../images/box-location/google_earth.png'); 
position:absolute;
margin-left:300px;
top:290px!important;
}

@media only screen and (max-width:1366px){
#boxContainer{ 	width:1003px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; 	}
.bigger{ width:993px; height:550px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.biggerMain{ width:993px; height:367px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.biggerLoc{ width:993px; height:467px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.big{ width:490px; height:320px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigText2{ width:490px; height:430px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigText{ width:490px; height:380px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.bigTextDiscover{ width:490px; height:380px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.smallText{ width:490px; height:310px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.item{ width:240px; height:320px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear;	}
.verticalSmall{ width:490px; height:480px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalDiscover{ width:490px;	height:765px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.vertical{ width:490px;	height:645px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalCave{ width:490px;	height:400px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalCave2{ width:490px;	height:815px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalBig{ width:490px;	height:982px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalBigHistory{ width:490px; height:1644px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalBar{ width:490px; height:988px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.verticalEvents{ width:490px; height:327px; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; transition:all 0.8s linear; }
.oscurabile{display:none;}
.box-video {width: 240px;height: 320px;}
.googlemaps{
background-image:url('../images/box-location/google_maps.png'); 
position:absolute;
margin-left:150px;
top:350px!important;
}
.googleearth{
background-image:url('../images/box-location/google_earth.png'); 
position:absolute;
margin-left:220px;
top:350px!important;
}

/* SLOGANS FOR BIGGERSMALL CLASS */
#slogan11{position:relative;height:30;left:82%;top:-350px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
#slogan12{position:relative;height:30;left:80%;top:-300px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
#slogan1{position:relative;height:30;left:75%;top:-200px;font-size:70px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan2{position:relative;height:30;left:75%;top:-150px;font-size:50px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan3{position:relative;height:30;left:65%;top:-110px;font-size:50px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan31{position:relative;height:30;left:82%;top:-70px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }

}

/* mobile devices slogans */
@media only screen and (max-width:1100px){
#slogan1{max-width:200px;position:relative;height:30;left:72%;top:-200px;font-size:60px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan2{max-width:200px;position:relative;height:30;left:75%;top:-150px;font-size:40px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan3{max-width:400px;position:relative;height:30;left:60%;top:-110px;font-size:40px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Kunstler Script', serif; }
#slogan11{max-width:250px;position:relative;height:30;left:77%;top:-350px;font-size:25px; line-height:3px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
#slogan12{max-width:250px;position:relative;height:30;left:75%;top:-300px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
#slogan31{max-width:200px;position:relative;height:30;left:80%;top:-70px;font-size:25px; line-height:30px; color:#fff; text-shadow:-2px 2px 12px #000; font-family: 'Brush Script MT', serif; }
}

.fotoPress{ width:112px; height:150px; border:1px solid #ccc; }

/* box tariffe e contact */
#tariffe{ position:absolute; width:500px; height:200px; z-index:10; top:140px; left:50px; text-align:left; font-family: 'Fenix', serif; font-size:20px; color:#fff; text-shadow:-2px 2px 12px #000; }
#tariffe span{ font-size:12px; }
#tariffe a{ font-size:12px; color:#FFF; text-decoration:underline; }
#tariffe h6{ font-size:14px; color:#FFF; }
#tariffe .campiInput{ border:1px solid #CCC; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#FFF; padding:6px; -moz-box-shadow:inset 3px 3px 3px #CCC; -webkit-box-shadow:inset 3px 3px 3px #CCC; box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1); color:#333; font-size:12px; margin:6px 0; }				
	
.ctaForm{ background-color:#cc1a00; padding:10px 16px; width:250px; border:none; cursor:pointer; color:#FFF; font-size:12px; border:1px solid #900; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; background: rgb(255,5,5); background: -moz-linear-gradient(top,  rgba(255,5,5,1) 0%, rgba(183,0,3,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,5,5,1)), color-stop(100%,rgba(183,0,3,1))); background: -webkit-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%); background: -o-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%); background: -ms-linear-gradient(top,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%); background: linear-gradient(to bottom,  rgba(255,5,5,1) 0%,rgba(183,0,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0505', endColorstr='#b70003',GradientType=0 ); border:2px solid #C20; color:#fff !important; text-align:center; text-decoration:none;}


#bandaHeaderInterior{ position:fixed; top:0; left:0; width:100%; height:75px; background-color:#FFF; z-index:100; background:url(../images/sfondo-top.png) top center; border-bottom:4px solid #006; }

#bandaHeaderInterior p {
	text-align: center;
	margin-top: 10px;
}

#bandaHeaderInterior p img {
	text-align: center;
	margin: 0 auto;
	width: 87px;
}

.gallery {
	width: 980px;
	margin: 150px auto 0 auto;
}


.gallery h1 {
	color: #000066;
    font-family: 'Playfair Display SC',serif;
    font-size: 30px;
	text-shadow: -1px 1px 4px #000000;
}

.gallery .image-gallery {
	width: 230px;
	float: left;
	margin-right: 15px;
	margin-top: 20px;
}

.gallery .image-gallery img {
	width: 230px;
	border: 4px solid #efefef;
}

.gallery .image-gallery:last {
	margin-right: 0;
}

.gallery .image-gallery a.button {
	margin:10px 0 0 7px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #4F5B7D;
	padding: 10px 30px;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 14px;

}

.box-video {
	width: 300px;
	height: 400px;
	float: left;
	background:url(../images/box-smn/video.jpg) center center no-repeat;
}


#btn-video{
	width:190px;
	height:109px;
	padding-top:114px;
	position:absolute;
	left:20%;
	top:50%;
	margin-left:-40px;
	margin-top:-70px;
	background: url(../images/btn-video.png) top center no-repeat;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-align:center;
	font-family:'HeroLight';
	font-size:20px;
	color:#fff;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);

	}
.bottoneVideo{
	position:absolute;
	left:30%;
	top:30%;
}

.socialArea{
    left:0;
	width:102%;
	background:#576397;
	padding:10px 0;	
	}

.socialArea img{
	margin-left:10px;
	}

.socialArea p{
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:16px;
}

.socialArea span{
	margin-right:20px;
}