/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{
	background:#000000;
	border:0;
	color:#ced2e8;
	line-height:18px;
	min-width:980px;
	position:relative;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000000; width:100%; height:100%; top:0; left:0}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}

.extra {min-width:1000px;min-height:100%; height:auto !important; height:100%; margin: 0 auto -45px; overflow:hidden;}

.top1 { width:100%; height:46px; background:#000; position:relative}
.logo {}
.logo_img1 { position:absolute; top:10px; left:10px; z-index:1;}
.logo_img2 { position:absolute; top:60px; margin-left:0px; z-index:2;}
.facebook {
	position:absolute;
	top:70px;
	margin-left:0px;
	z-index:2;
	left: 600px;
}
.mailinglist {
	position:absolute;
	top:70px;
	margin-left:0px;
	z-index:2;
	left: 690px;
}

.veglione {
	position:absolute;
	top:70px;
	margin-left:0px;
	z-index:2;
	left: 690px;
}

.top2 { float:left}
.top3 { float: right}
.icons {overflow: hidden; padding: 5px 0 0px 0px;}
.icons > li {float: left; padding-right: 10px;}
.icons > li > a {display: block; position: relative;}
.icons .img_act {left: 0; top: 0; position: absolute;}


.main1 { width:1000px; height:526px; margin:0 auto; position:relative; z-index:10;}

.block {height:45px;}


.bot1 { width:100%; height:45px; position:relative;}
.bot2 { width:188px; height:45px; background:url(../images/bot1.png) top left no-repeat; position:absolute; z-index:1; left:50px; top:0;}
.tola { margin-left:10px;}
.bot3 { width:423px; height:45px; background:url(../images/bot2.png) top left no-repeat; position:absolute; z-index:2; left:215px; top:0;}
.copyright{ margin-top:15px; text-align:left; padding-left:15px; color:#939393;}
.copyright a { color:#f5f5f5;}


/* ============================= main menu ====================== */



#menu { padding-left:205px;}

#menu > li {position:relative; float:left; height:45px; margin-bottom:0px; font-family:'arial'; text-transform:uppercase;}
#menu > li > a{ display:inline-block; height:45px; text-decoration:none; position: relative; overflow:hidden; text-align:left; letter-spacing:0px;padding:0 7px;  }
#menu > li > a span{ font-family: Arial, Helvetica, sans-serif;font-size:18px; line-height:45px;text-decoration:none; font-weight:normal; color:#ad76de;position:relative; z-index:10;}
#menu > li > a:hover span, #menu > li.active > a span {color:#1aeeff}


.menu_splash { position:absolute; top:0px; left:0px; z-index:50;}

#menu_splash > li { position:absolute; width:328px; height:210px;}
#menu_splash > li > a{display:block; position:relative; width:328px; height:210px; background:url(../images/but1.png) top left no-repeat;font-weight:normal;text-decoration:none;}
#menu_splash > li > a > b { position: absolute; z-index:1; top:45px; left:14px;}
#menu_splash > li > a > strong { position: absolute; z-index:2; top:45px; left:14px; width:298px; height:150px; background:url(../images/shadow1.png) top left no-repeat;}
#menu_splash > li > a > span { position: absolute; z-index:10; top:13px; left:15px; font-size:20px; color:#FFFFFF; text-decoration:none; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:-1px -1px #242a43;}


#menu_splash .nav1 { top:60px; left:-1500px; z-index:1}
#menu_splash .nav2 { top:130px; left:-1500px; z-index:3}
#menu_splash .nav3 { top:0px; left:-1500px; z-index:2}
#menu_splash .nav4 { top:30px; left:-1500px; z-index:4}
#menu_splash .nav5 { top:250px; left:-1500px; z-index:5}
#menu_splash .nav6 { top:280px; left:-1500px; z-index:7}
#menu_splash .nav7 { top:225px; left:-1500px; z-index:6}





/* ============================= main layout ====================== */

.title { position:absolute; top:15px; left:15px;font-size:20px; color:#9eabd7; text-decoration:none; text-transform:uppercase;font-family:'arial'; font-weight:normal; text-shadow:-1px -1px #242a43;}

.close { position:absolute; display:block; width:43px; height:43px; top:-15px; right:-2px; background:url(../images/close.png) top left no-repeat;}
.close:hover { background-position:right;}

#content{width:100%; height:526px; position:relative; z-index:1}
#content > ul{ width:100%; height:526px;}
#content > ul > li{ width:100%; height:526px;}


.box{ background:url(../images/content_bg.png) top left repeat; width:950px; height:446px; padding:80px 0 0 50px;}

.cols { width:2px; height:400px; background: url(../images/line1_px.png) top left repeat-y; margin-left:29px; margin-right:29px;}

.cols, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13   { float:left;}

.col1{ width:350px;}
.col2{ width:520px;}
.col3{ width:230px;}
.col4{ width:250px;}
.col5{ width:620px;}
.col6{ width:930px;}
.col7{ width:560px;}
.col8{ width:310px;}
.col9{ width:500px;}
.col10{ width:330px;}



.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:5px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}

.w1 { width:180px;}




a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'arial'; font-weight:normal; font-size:29px; color:#b2d7f1; line-height:34px; padding:10px 0 15px 0; letter-spacing:0px; }


.upper { text-transform:uppercase;}
.white { color:#FFFFFF;}


p.text { padding:5px 0;}

.border1 { border:6px solid red;}
.shadow1{box-shadow: 0px 0px 5px #3f24ed; -moz-box-shadow: 0px 0px 5px #3f24ed; -webkit-box-shadow: 0px 0px 5px #3f24ed;}

.img0 {margin-left:5px;}
.img1 {margin-bottom:10px;}
.img2 {margin-bottom:10px; margin-right:20px; margin-left:5px;}



.button1{ display:inline-block; font-size:18px; text-transform:uppercase; color:#5c65c2; text-decoration:none; margin-top:10px; margin-bottom:10px;  font-family:'arial';letter-spacing:0px; }
.button1:hover { color:#fff!important; text-decoration:none;}

.disk{ background:url(../images/li_st1.png) 0px 13px no-repeat; color:#b2d7f1; font-weight:normal; padding-left:25px; text-decoration:none; font-size:20px; line-height:36px;font-family:'arial'; }
.disk a{text-decoration:none; color:#b2d7f1;}
.disk a:hover{ text-decoration:none; color:#fff;}

.blue_block {height:31px; width:31px; border:3px solid #505c92; line-height:16px; color:#333674; background:#fff; padding:5px; margin:5px 15px 5px 0; text-align:center;font-family:'arial'; font-size:25px;}
.blue_block span { font-size:18px!important;}

.gal1 { padding-bottom:20px; float:left; }

.photo1 {width:190px; height:144px; position:relative; }
.photo1 a img {position:relative; }
.photo1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.vid1 { padding-bottom:20px; float:left; width:212px;}

.video1 {width:190px; height:119px; position:relative; margin-bottom:10px; }
.video1 a img {position:relative; }
.video1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.gmap { width:290px; height:300px;}

/*===================== Scroll =====================*/


.scroll{height:400px; width:900px; overflow:hidden; position:relative;}
.track{ background: #993300; left:910px; top:0px; width:15px; position:absolute; height:400px; padding:0 0;}
.shuttle{ width:15px; height:83px; left:0px; background: url(../images/scroll_shuttle.jpg) 0 0 no-repeat;}
._up-butt{ width:15px; height:16px; margin:0px 0px 0px 0px; background: url(../images/scroll_up.jpg) 0 0 no-repeat;}
._down-butt{ width:15px; height:16px; margin-bottom:0px; background: url(../images/scroll_down.jpg) 0 0 no-repeat;}


#page_HOME .scroll {width:490px; }
#page_HOME .track {left:500px; }

#page_NEWS .scroll {width:590px; }
#page_NEWS .track {left:600px; }


#page_18ANNI .scroll {width:280px; }
#page_18ANNI .track {left:290px; }

#page_EVENTI_PRIVATI .scroll {width:490px; }
#page_EVENTI_PRIVATI .track {left:500px; }



/*================= Contacts =========================*/
.notification_error{ height: auto;width: 96%;padding: 2px; text-align: left; color:#fff;}
.notification_ok{ height: auto; width: 96%; padding: 2px; text-align: left; color:#fff;} 



/* Input, Textarea */
input{ margin: 0px; padding: 0px; float: left; border: 1px solid #353b53;  color: #ced2e8; background:#0a0923; font: 12px Arial, Helvetica, Arial, sans-serif; height:32px; width:320px; margin-bottom:5px;padding-left:5px}

.input{width:110px; text-align:center; padding-left:0px; margin-right:10px}

textarea{margin: 0px; padding: 0px; float: left; background:#0a0923; border: 1px solid #353b53; color: #ced2e8; font: 12px Arial, Helvetica, Arial, sans-serif; height:70px; width:320px;margin-bottom:5px ; padding-left:5px; padding-top:5px;}


.pinn { border:none; background: url(../images/submit.png) top left no-repeat; display:block; text-align:center; text-decoration:none; width:106px; height:43px; color:#5c65c2; font-size:18px;font-family:'arial'; cursor:pointer; text-transform:uppercase; }
.pinn:hover{ color:#FFFFFF;}


/*===================sfoglia========================*/
img { behavior: url(iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 45px;
	float: right; 
}
#pageflip img {
	width: 154px; height: 154px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0px;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 154px; height: 154px;
	z-index: 98;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../pagepeel/aperto.png) no-repeat right top;
}