@import "reset.css";
@import "typography.css";

body {
	font-family:Verdana;
	color:#18375C;
	background:#fff url(/img/bg.png) top left repeat-x;
	font-size:12px;
}
#container {
	margin:0 auto;
	width:990px;
	height:auto !important;
	height:100px;
	min-height:100px;
	position:relative;
	padding:0 0 10px 0;
}
#container p{
	padding-right:0px;
	/*font-size:12px;*/
	
}
#header{
	height:176px;
	padding:0 0 10px 0;
}
#top{
	position:relative;
	height:116px;
	padding:20px 0 0 0;
}
h1 a {
	width:178px;
	height:113px;
	display:block;
	position:absolute;
	top:20px;
	left:0;
	text-indent:-9999px;
	background:url(/img/logo.png) top left no-repeat;
}
.banner-728 {
	float:right;
	display:block;
	width:728px;
	height:90px;
	z-index:0;
}

#menu ul{
	height:40px;
	display:block;
	font-family:"Trebuchet MS";	
	font-size:17px;
}

#menu ul li {
	display:inline;
	background:url(/img/spacer.gif) top right no-repeat;
	height:40px;
	float:left;	
}
#menu ul li a{
	display:block;
	float:left;
	padding:12px 15px 0 15px;
	height:28px;
	color:#18375C;
	text-decoration:none;
}
#menu ul li a:hover, .on{
	background:url(/img/hover.gif) bottom center no-repeat;
	color:#E92325!important;
	
}
#content-home {
	width:680px;
	float:left;
	margin:0 10px 0 0;
}


#primo-piano, #media {
	width:660px;
	margin:0 10px 0 0;
	background:url(/img/bg-primo-piano.gif) bottom left repeat-x;
	height:207px;
	min-height:207px;
	height:auto!important;
	border:1px solid #CCCCCC;
	padding:10px;
	line-height:18px;
	position:relative;
	/*font-family:"Trebuchet MS";	*/
} 
.bg-up {
	background:url(/img/bg-categorie.gif) top left repeat-x!important;


}
#primo-piano p {
	/*font-size:13px;*/
}

.adv125 {
float:left;
margin:0 50px 0 0;
}


/*Mediateca*****************************************************************
/moduli/mediateca/css/stile.css
**********************************************************************/

#primo-piano img, .box-home img {
	border:1px solid #ccc;
	float:left;
	margin:0 10px 0 0;
	padding:1px;
	background:#FFFFFF;
}
#primo-piano h2 a, #primo-piano h2{
	font-size:25px;
	font-family:"Trebuchet MS";	
	letter-spacing:-1px;
	display:block;
	padding:0 0 10px 0;
	line-height:28px;
}
#primo-piano h3 {
	font-size:28px;
	font-family:"Trebuchet MS";	
	letter-spacing:-1px;
	display:block;
	padding:5px 0 10px 0;
	line-height:18px;
	font-style:italic;
	font-weight:normal!important;
	color:#E92325;
	text-shadow:1px 1px 1px  #FFFFFF;
}
#primo-piano h3.occhiello{
	font-size:18px;
	padding:0 0 15px 0;
	line-height:21px;
	color:#76889E;
}
#correlate {
	background:#fff url(/img/bg_altre.gif) top left repeat-x;
	border:1px dotted #ccc;
	padding:10px;
}
#correlate h4{
	text-transform:uppercase;
	font-size:10px;

}
p.attached{
	/*display:inline;*/
}

p.attached a {
	color:#BF1E2E;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(/img/ico_QuadratinoRosso.gif) center left no-repeat;
	font-size:10px;
	width:auto;
	display:block;
	position:relative;
}

p.attached a:hover {
	color:#17365B;
	
	/*background:url(/img/arrow.png) center left no-repeat;*/
}

.more{
	padding:5px 0;
	display:block;
	text-align:right;
	clear:both;
}
.primoPianoBottom{
	padding: 10px;
	display:block;
	text-align:right;
}
.more ul, .primoPianoBottom ul{
	background:none!important;
	border:0!important;
}
.more ul li, .primoPianoBottom ul li{
	display:inline;
	height:18px;
	/*font-weight:bold;*/
}
.more ul li a.foto, .primoPianoBottom ul li a.foto{
	background:url(/img/mini-foto.gif) top left no-repeat;
	padding:0 25px 0 15px;
	font-size:10px;
	width:35px;
	color:#18375C;
	font-weight:bold;
	float:left;
	display:block;
	height:15px;
}
.more h4 a.tit-fotogallery, .more h4 a.tit-mediateca,  {
	text-indent:-9999px!important;
	background:url(/img/fotogallery.gif) top left no-repeat;
	width:300px;
	height:50px;
	display:block;
	position:relative;
}
.more h4 a.tit-mediateca,  {
	background:url(/img/mediateca.gif) top left no-repeat;

}
.more ul li a.video, .primoPianoBottom ul li a.video{
	background:url(/img/mini-video.gif) top left no-repeat;
	padding:0 25px 0 20px;
	font-size:10px;
	width:35px;
	color:#18375C;
	font-weight:bold;
	float:left;
	display:block;
}
.more ul li.data, .primoPianoBottom ul li.data{
	/*float:right;*/
	color:#76889E;
}
.more ul li a.categoria, .primoPianoBottom ul li a.categoria{
	/*float:right;*/
	padding:0 10px 0 3px;
	color:#76889E;
 	text-decoration:underline;
}
.more ul li a:hover.categoria, .primoPianoBottom ul li a:hover.categoria{
 	text-decoration:none;
}
.more ul li a:hover, .primoPianoBottom ul li a:hover{
	color:#E92325; 
 	text-decoration:underline;
}
button.ricerca {
	position:absolute;
	background:none;
	width:50px;
	height:25px;
	top:0;
	right:-50px;
	display:block;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
}

/*SIDE DX*********************************/

#side-dx {
	float:left;
	width:300px;
}
#side-dx ul#tools li, #side-dx ul#tools li a{
	height:50px;
	width:300px;
	display:block;
	padding:0 0 10px 0;
}
#side-dx ul#tools li.search{
	background:url(/img/search.gif) top left no-repeat;
	padding:12px 60px 12px 75px;
	width:165px;
	height:36px;
}
/*
#side-dx ul#tools li a.web-tv{
	background:url(/img/web-tv.gif) top left no-repeat;
	text-indent:-9999px;
}
*/

#side-dx ul#tools li a.web_tv{
	background:url(/img/tv.gif) top left no-repeat;
	text-indent:-9999px;
	width:145px;
	float:left;
}
#side-dx ul#tools li a.web_tv_on{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}


#side-dx ul#tools li a.radio{
	background:url(/img/radio.gif) top left no-repeat;
	text-indent:-9999px;
	width:145px;
	float:right;
}

#side-dx ul#tools li a.mediagallery{
	background:url(/img/mediagallery.gif) top left no-repeat;
	text-indent:-9999px;
}

#side-dx ul#tools li a.radio-abi{
	background:url(/img/radio-abi.gif) top left no-repeat;
	text-indent:-9999px;
}
#side-dx ul#info{
	height:27px;
	background:url(/img/bg-link-dx.gif) top left repeat-x;
	border:1px solid #ccc;
	font-family:"Trebuchet MS";	
	padding:10px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#side-dx ul#info li {
	display:inline;
	float:left;
	background:url(/img/spacer2.gif) top right no-repeat;
	height:47px;
}

#side-dx ul#info li a {
	float:left;
	display:block;
	padding:5px 8px;
}
span.info {
	text-align:center;
	background:#1A395D;
	color:#fff;
	margin:0 auto;
	width:270px;
	padding:5px;
	display:block;
	border-top:1px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
}
/*News in Home*********************************/

.central-container {
	background: url(/img/mid-line.gif) top center repeat-y;
	display:block;
}

.box-home{
	width:325px;
	float:left;
	margin:10px 10px 0 0;
	padding:10px 5px 0 5px; 
	border-top:1px solid #e92325;
	display:block;
}
.box-home h3 a{
	font-family:"Trebuchet MS";	
	font-size:17px;
	padding:0 0 10px 0;
	line-height:20px;
	display:block;
}
.box-home p{
	padding:0;
	font-size:12px;
}
.archivio {
	position:absolute;
	bottom:-3px;
	left:-1px;
}
.box-altre{
	width:335px;
	float:left;
	margin:10px 10px 0 0;
	display:block;
	/*border-bottom:1px solid #E92325;*/
	border-top:1px solid #E92325;
	padding:10px 0 0 0;
}
.box-altre ul {
	background:url(/img/bg_altre.gif) top left repeat-x;
	display:block;
	border-top:1px dotted #76889E;
}
.box-altre ul li{
	diplay:block!important;
	/*width:336px;*/
	height:60px;
	min-height:60px;
	height:auto!important;
	padding:5px 0;
	font-size:11px;
}
.box-altre ul#altre-news li{
	padding:0 0 5px 0;
}
.box-altre ul li h4 a{
	width:300px;
	display:block;
	clear:both!important;
}
.box-altre h3, #media-archivio h3{
	/*background:#18375C;*/
	background:url(/img/bg-link-dx.gif) top left repeat-x;
	color:#76889E;
	text-transform:uppercase;
	padding:3px;
	font-family:"Trebuchet MS";
	font-size:15px;	
	margin:0 0 10px 0;
	border-top:1px solid #76889E;
	display:block;
}
.box-altre h3 span {
	color:#E92325;
}
/*Mediateca*********************************/

#mediateca {
	margin:10px 0;
	background:url(/img/bg-mediateca.gif) top left repeat-x;
	/*border:1px solid #D2D8DF;*/
	/*height:340px;*/
	display:block;
	position:relative;
	padding:10px 0 0 0;
}
#media {
	border:0;
	
}
a.player {
	height:250px;
	width:270px;
	border:1px solid #fff;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	position:relative;
	display:block;
}
.archivio-vgflash {
	background:url(/img/vg-flash.png) top left no-repeat;
	padding:5px 0 0 35px;
	vertical-align:middle;
	height:20px;
	display:block;
	font-weight:bold;
	margin:10px 0 0 0;
	/*color:#FFFFFF;*/
	text-shadow: 1px 1px 1px #fff;
}
.dx{
	width:300px!important;
}
/* play button */
a.player img {
	margin-top:67px;
}

/* info area */
a.player span.info {
	height:33px;
	background:#17365B /*url(/img/bg-link-dx.gif) top left repeat-x*/;
	opacity:0.7;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding:5px 15px;	
	font-size:11px;
	border-top:1px solid #fff;
	position:absolute;
	bottom:0;
	width:240px;
	left:0;
}

/*Galleria*/

#gallery {
	padding:10px 0 0 0;
}
#gallery ul{
}
#gallery ul li a{
	float:left;
	display:block;
	background:#fff;
	margin:0 8px 5px 0;
	border:1px solid #ccc;
	padding:6px;
	width:142px;
	height:102px;
}
#gallery ul li a img{
	width:140px;
	height:100px;
	border:0;
}
#gallery ul li a:hover{
	border:1px solid #fff;
}

/***********************************************************/

#meteo {
	height:155px;
	background:#D2D8DF url(/img/bg-mediateca-bottom.gif) bottom left repeat-x;
	margin:10px 0 10px 0;
	display:block;
	padding:10px 20px;
	width:260px;
}
#banner336{
	float:left;
	margin:10px 0 0 0px;
}

#banner468{
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
	background:url(/img/bg-468.gif) bottom left no-repeat;
	width:468px;
	height:77px;
}

#entertainement{
	height:280px;
	float:left;
	margin:10px 0 0 10px;
	width:644px;
	position:relative;
	display:block;
}
#entertainement h5{
	margin:0 0 0 49px;
	font-size:15px;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:100;
	background:url(/img/bg-mediateca.gif) top left repeat-x;	
	width:155px;
	padding:0 5px;
	text-align:center;
}
.categoria-news {
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	/*font-weight:bold;*/
	/*color:#E92325;*/
}

.categoria-news span{
	color:#E92325;
}

.categoriaRicerca{
	color:#E92325;
}

.categoria-news a{
	color:#E92325;
	padding:0 2px 0 0;
	font-weight:bold;
}
/********************************************************/

#changeFont {
	top:0;
	position:absolute;
	display:block;
	height:22px;
	right:0;
}
a#large, a#small {
	width:22px;
	text-indent:-9999px;
	height:22px;
	display:block;
	float:left;
}
a#large{
	background:url(/img/font-size-more.png) top left no-repeat;
}
a#small{
	background:url(/img/font-size-less.png) top left no-repeat;
}




/*Footer***********************************************/

#footer {
	height:255px;
	background:url(/img/bg-footer.gif) top left repeat-x;
	border-top:1px solid #ccc;
	text-align:left;
	padding:10px 0 0 0;
}
#footer .footer {
	width:990px;
	margin:0 auto;
	display:block;
	position:relative;
}

#footer .footer a.neikos {
	position:absolute;
	top:0;
	right:0;
	height:14px;
	background:url(/img/logoNeikos.png) center right no-repeat;
	width:100px;
	font-size:10px;
	text-decoration:none;
	padding:0 28px 0 0;
}
#sub-footer {
	background:url(/img/bg-sub-footer.gif) top left no-repeat;
	padding:20px 80px;
	margin:10px auto 0 auto;
	width:830px;
	display:block;
	text-align:center;
}
#social{
	background:url(/img/bg-social.gif) top left no-repeat;
	width:396px;
	height:53px;
	float:left;
	margin:0 auto;
}
#social ul{
	font-family:"Trebuchet MS";	
	text-align:left;
	padding:10px 0 0 10px;
	font-weight:bold;
	font-size:14px;
}
#social ul li{
	display:inline;
}
#social ul li a.fb{
	width:170px;
	font-size:17px;
	display:block;
	line-height:15px;
	float:left;
	padding:10px 0 0 50px;
	font-weight:normal;
}
#social ul li a.groups{
	padding:10px 13px 0 0;
	display:block;
	float:left;
	font-size:17px;
	font-weight:normal;
	line-height:15px;

}
#media-footer {
	width:410px;
	float:right;
	display:block,
}
ul#media-footer li {
	display:inline;
}
ul#media-footer li a{
	float:left;
	display:block;
}

ul#media-footer li a.web-tv-footer, ul#media-footer li a.web-radio-footer{
	background:url(/img/ico-tv.png) top right no-repeat;
	text-transform:uppercase;
	font-size:18px;
	padding:10px 60px 0 20px;
	height:35px;
	float:left;
}
ul#media-footer li a.web-radio-footer {
	background:url(/img/ico-radio.png) top right no-repeat;
}


#paginazione-archivio{
	position:relative;
	text-align:center;
	background:#B50C0D;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	width:682px;
	padding-top:5px;
}

#paginazione-archivio a.precedente{
	color:#FFFFFF;
	background:none;
	position:absolute;
	left:5px;
	}
#paginazione-archivio a.successivo{
	color:#FFFFFF;
	background:none;
	position:absolute;
	right:5px;
	top:3px;
	display:block;
}
#paginazione-archivio a.successivo:hover, #paginazione-archivio a.precedente:hover{
	/*color:#1A395D;*/
}

.info-news{
	border-bottom:1px solid #E92325;
	margin:0 0 5px;
	padding:0 5px 5px 0px;
}

.info-news p{
	padding-bottom:10px;
}

.info-news span {
	color:#999999;
	display:block;
	font-size:11px;
	padding:0 5px;
}

.secondo-piano{
	padding:2px 0;
	margin:5px;
}

.secondo-piano h4{
	font-size:17px;
	font-family:"Trebuchet MS";
}

/**/

#media-archivio .media-cartella .more ul li a.foto, #media-archivio ul li a.video{
	background:none!important;
	padding:0 10px 0 0;
	width:17px;
	height:15px;
	font-weight:bold;
	float:left;
	display:block;
	text-indent:-9999px!important;
}

#media-archivio .media-cartella .more ul li a.video {
	background:none!important;

}

.goMediagallery{
	/*
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	display:block;
	width:300px;
	height:50px;
	background:url(/img/go_mediagallery.gif) no-repeat center;
	*/
}

#media-archivio .media-cartella .more {
	background:#eee;
	padding:3px;
	border-top:1px solid #CCC;
	display:block;
}

/**/

.scrollable div a {
	font-size:11px;
	line-height:19px;
	
}
.p{
	color:blue;
}

/**/
#overlay {
	/*background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);*/
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:550px;
	overflow-y:auto;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(/img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:550px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/*webtv*/

#webtv {
	background:url(/img/webtv.png) center center no-repeat;
	height:550px;
	width:565px;
	position:relative;
	display:block;
	padding:50px 0 0 85px;
}
/*CONTATTI**********************/

#contatti form{
	padding:5px 0;
}

#contatti p {
	padding:5px 0 5px 0;
	float:left;
}

#contatti label {
	display:block;
	padding:3px 5px;
	margin:0 5px 0 0;
	width:180px;
	float:left;
	border-top:1px solid #CCCCCC;
}

#contatti input {
	float:left;
	width:215px;
}

#contatti select {
	border:1px solid #CCCCCC;
	padding:3px;
	width:200px;
	float:left;
	text-align:left;
	color:#004a78;
	margin:0;
}

#contatti div.info {
	font-size:10px;
	font-family:"Trebuchet MS";
	color:#494949;
	background:#fff;
	height:82px;
	overflow: auto;
	width:322px;
	padding:5px;
	border:1px solid #CCCCCC;
	float:left;
}
#contatti div.messaggio {
	font-size:10px;
	font-family:"Trebuchet MS";
	color:#000000;
	background:#fff;
	height:82px;
	width:320px;
	border:1px solid #CCCCCC;
	float:left;
	margin:0 20px 0 0;
	padding:5px;
}
#contatti textarea {
	font-size:12px;
	height:82px;
	padding:10px;
	width:170px;
	border:1px solid #CCCCCC;
}

.contattaci {
	font-size:11px;

}
#contatti .inviannulla{
	padding:3px;
	margin:10px 5px 0 0;
	width:70px;
	color:#FFF;
	text-align:center;
}

input[type=checkbox] {
	border:0;
	width:15px !important;
	background:none;
	display:block;
}

#contatti input.button{
	background:#003358;
	height:30px;
	width:100px;
	text-align:center;
	color:#fff;
	display:block;
	padding:2px 0;
	cursor:pointer;
	margin:0 5px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;
	border:0;
}
#contatti p.attivita, #contatti p.richiesta {
	float:left;
	width:200px;
}
#videoPlayer {
	padding:0 15px 10px 0;
	float:left;
	display:block;
	width:280px;
	height:230px;
	
}
