@import url(reset.css);
body{ background: #111111; color: #ccc; font: normal normal normal 12px/normal  Arial, Helvetica, sans-serif; text-align: center; }

a:link{ color: #f81ac9; text-decoration: none; }
a:hover{ color: #f81ac9; text-decoration: underline; }
a:visited{ color: #f81ac9; }

h2{ font-size: 14px; margin-bottom: 6px; }
.fleft{ float: left;}
.fright{ float: right;}

.photo{
	padding: 1px; border: 1px solid #ccc;	
	margin-bottom: 4px;
		-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
photo.fleft{ margin-right: 8px; }
photo.right{ margin-left: 8px; }

#Wrapper{ width: 900px; margin: 0 auto; text-align: left; padding:0 0 5px 0; }
#Header{ background: #000; }
#Headerino{ height: 75px; }
#Logo{ display: none; }
#swfLogo{ height: 75px; width: 900px; }

.stripbar{ height: 29px; line-height: 29px; overflow: hidden; padding-left: 16px; clear: both;  }
.stripbar h2{ float: left; text-transform: uppercase; font-size: 18px; height: 13px; margin-top: 8px; font-family: "AvantGarde Bk BT","AvantGarde Md BT"; text-indent: -9999px; }
.stripbar h2.sb{ height: 29px; line-height: 29px; margin: 0 0 0 0; text-indent: 0 }
.stripbar h2.sb.pos2{margin: 0 0 0 334px; }

.stripbar #sb-inprogram{ background: url(../images/sb_sprite.png) no-repeat 0 -13px; width: 175px; }
.stripbar #sb-trailers{ background: url(../images/sb_sprite.png) no-repeat -177px -13px; width: 70px; margin-left: 304px; }
.stripbar .sb-contatti{ background: url(../images/sb_sprite.png) no-repeat -463px 0; width: 74px; margin-left: 334px; }
.sb-programmazione{ background: url(../images/sb_sprite.png) no-repeat -232px 0; width: 228px; margin-left: 334px; }
.sb-nuovoeden{ background: url(../images/sb_sprite.png) no-repeat -122px 0; width: 108px;}

.stripbar-dx{ overflow: hidden; padding-right: 16px; height: 29px }

.stripbar h2.sb-news{ background: url(../images/sb_sprite.png) no-repeat 0 0; width: 44px;margin-left: 334px; }
#toFacebook{ float: right; }
#toFacebook img.ico{ vertical-align: middle; margin-left: 4px}
.stripbar.gray{ background: url(../images/sb_gray.png) no-repeat;  color: #8F8F8F }
.stripbar.gray a{color: #8F8F8F; text-decoration: none }
.stripbar.gray .stripbar-dx{ background: url(../images/sb_gray.png) no-repeat top right;   }

.stripbar.magenta{ background: url(../images/sb_magenta.png) no-repeat;  color: #fff }
.stripbar.magenta a{color: #8F8F8F; text-decoration: none }
.stripbar.magenta .stripbar-dx{ background: url(../images/stripbar_magenta.png) no-repeat right;   }

#Menu{ background: #000 url(../images/bkg-menu.png) no-repeat right bottom; width: 323px; float: left; margin: 0 14px 14px 0; padding-top: 6px; }
#Menu li{ height: 29px; float: left; margin: 0 0 3px 6px; width: 311px; line-height: 29px; }
#Menu li a{ display: block; width: 100%; height: 100%; text-decoration: none; background: url(../images/menu-li.png) no-repeat 0px 0; color: #BBBBBC; text-indent: 18px; text-transform: uppercase; font-size: 18px; line-height: 28px; font-weight: bold; font-family: "AvantGarde Bk BT","AvantGarde Md BT"; }
#Menu li a:hover{background-position:0px -32px;}


#Menu li.blue a{background-position:0px -64px;}

#Menu li.blue.active a,#Menu li.blue a:hover{background-position:0px -96px;}




#NewsOntop{ height: 231px; float: left; width: 563px;; overflow: hidden; margin-bottom: 14px }
#page-eventi #NewsOntop{ height: auto;}

.news{ height: 60px; border-bottom: 1px solid #3B3B3B; padding: 16px 12px 6px 12px; overflow: hidden; position: relative; }
body#page-archivio-iniziative .news{ height: auto; padding:9px 12px 3px 12px}
body#page-archivio-iniziative #NewsOntop{ width:100%; height:auto}
.news.last{border-bottom: 1px solid #111 }
.news h3{ color:#F81AC9; margin-bottom: 5px }
.news-short{ margin-bottom: 16px; }

.news-short .allascheda{ position:absolute; bottom:6px; right:0}


.evento{ height: 32px; border-bottom: 1px solid #3B3B3B; padding: 16px 12px 0 12px; overflow: hidden; position: relative; }
.evento .allascheda{ position: absolute; top: 16px; right: 16px; text-decoration: none; }
.evento .allascheda:hover{ text-decoration: underline; }


.strippone{ float: left; width: 900px; height: 345px; overflow: hidden; margin: 18px 0 18px 18px; display: inline; /*for ie6*//*for ie6*/ }
#Inprogrammazione{ float: left; width: 460px; height: 345px; overflow: hidden; margin: 18px 0 18px 18px; display: inline; /*for ie6*//*for ie6*/ }
#YouTrailer{ width: 386px; height: 345px; overflow: hidden; float: right; margin: 18px 18px 18px 0; display: inline; /*for ie6*//*for ie6*/ }
#YouTrailer object{width: 386px; height: 345px; overflow: hidden; }
#YouTrailer embed{width: 386px; height: 345px; overflow: hidden; }


.strip-gallery{ clear: both; height: 148px; overflow: hidden; background: black; margin-bottom: 18px; }
.strip-gallery .goLeft,
.strip-gallery .goRight{ float: left; width: 35px; overflow: hidden; height: 148px; text-indent: -9999px;  cursor: pointer; }
.strip-gallery .goLeft{ background: url(../images/goLeft.png) no-repeat center;}
.strip-gallery .goRight{ background: url(../images/goRight.png) no-repeat center;}
/*.strip-gallery .viewndow{ width: 830px; overflow: hidden; height: 100px; position: relative; float: left;  margin: 14px 0;  }
*/
.strip-gallery .scroller{width:830px; height:120px; overflow:hidden; float:left;margin: 14px 0;}
.strip-gallery .section{ height: 120px; float: left; overflow: hidden; }

.strip-gallery .scroller img{ float: left; margin: 0 3px; display: inline;}

#Footer{ border-top: 1px solid #591546; height: 24px; line-height: 23px; text-align: center; color: #8f8f8f; clear:both; }

.box-eden{ padding: 18px 18px; position: relative; height: 120px }
.box-eden img{}
.box-eden .cphoto{ width: 160px; height: 120px; float: left; margin-right: 10px; padding: 5px}
.box-eden h3{ color: #f81ac9; margin-bottom: 5px}
.box-eden .view-info{ position: absolute; bottom:16px; right: 0; text-decoration: none;}
.box-eden .view-info:hover{text-decoration: underline;}
	
.col-sx{ width: 323px; margin: 0 14px 14px 0; overflow: hidden;  float: left;}
.col-dx{float: left; width: 563px; overflow: hidden; margin-bottom: 14px;  padding-top: 6px   }
#NewsOnleft{  float: left; width: 100%; overflow: hidden; margin-bottom: 14px }
#NewsOnleft .news{ height: auto;}
.col-sx h2.sb-news{margin-left: 0; 	text-indent: -9999px;}

.programmazione{ height:120px; border-bottom: 1px solid #3B3B3B; padding: 15px 12px 14px 12px; overflow: hidden;  position: relative;  }
.programmazione.first{ height:120px; padding: 0 12px 14px 12px;}
.programmazione.last{border-bottom: 1px solid #111 }
.programmazione .locandina{ float: left; margin: 0 20px 0 0; width: 65px; height: 104px; }

.infomovie{ position: absolute; bottom: 14px; left: 140px; }
.infomovie h3{ color:#f81ac9; text-transform: uppercase; margin-bottom: 4px }
.infomovie .sottotitolo{margin-bottom: 4px }
.infomovie strong{ display: block; margin-bottom: 20px}
.infomovie a.allascheda{ color: #999; text-transform: uppercase }

.pad{ padding: 8px 12px 12px 12px; position: relative }
.pad .attach{
float: right; clear: left;
}

form .row{ clear: both; float: left; width: 100%; margin-bottom: 13px; position: relative	 }
form .row-notes{clear: both; margin-bottom: 8px; text-align: right }
form .col{float: left; margin-right: 8px;}
.c1r1{ width: 250px; }
form label{float: left; width: 70px; line-height: 20px}
form #row-privacy input{ display: inline;}
form #row-privacy label{ display: inline; float: none; line-height: normal;}
input[type='text']{ border: none; background: #111; color: #ccc; width: 100%; }

.c1r1 .ipt-round{ width: 160px; position: relative }

.ipt-round,.textarea-round{
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  	border: 1px solid #ccc;
	background: #111;
  	color: #ccc;
  	padding:1px 4px;
  	float: left;
 
}
.textarea-round textarea{
	width: 418px
}
form textarea{
	border: none;
	background: #111;
	overflow: auto;
	font-size: 11px;

	color: #ccc;
}
#row-normativa .textarea-round{ float: left; margin-left: 70px}
#row-normativa textarea{ height: 100px;}
#row-button{
	text-align: center;
}
button{ border: none; background: transparent;}
button span{color: #ccc; font-weight: bold;}
button span:hover{ text-decoration: underline; cursor: pointer;}

.validation-advice{
	font-size: 10px;
	position: absolute;
	bottom: -20px;
	left: 0;
	height: 20px;
	color: #f81ac9
}
.msg.ok{
	text-align: center;
}

#example {
	position: relative;
	width: 160px;
	height: 120px;
}

#example2 {
	position: relative;
	width: 160px;
	height: 120px;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	width: 160px;
	height: 120px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat 
}
th,td{padding:2px; text-align:center; border-right:1px solid #999999; vertical-align:middle;white-space:nowrap}
th.lastdow,td.lastdow{border-right:none}
th{ border-bottom:1px solid #999999;}
th#orari{border-bottom:none}
.tbl-Orari{ font-size:11px;}
.pad .tbl-Orari{ position:static; }