/* project: internet services template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

a {	color: #3969A9;	background: inherit;}
a:hover { color: #213D63; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(../images/input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #F0F0F0 url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px; 
}

.header { 
	height: 149px;
background: #FFF url(../images/imcoop_logo.jpg) no-repeat;
	color: #808080;
	margin: 3px 0;
	padding: 3px 0 0 0;
	border-bottom: 1px solid #3969A9;
}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;

	background: inerhit;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 230px;
		padding: 125px 0 0 0;
		color: #fff;
	/*	border-left: 1px solid #3969A9;*/
	}
		.top_info_right a{
		
		color: #fff;
	/*	border-left: 1px solid #3969A9;*/
	}

.browse_category  {
	font-size: 0.9em;
	width: 75px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	font-size: 1.1em;
	height: 31px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #3969A9;
}

	.bar li { 
		margin: 0; 
		padding: 7px 15px 5px 15px;
		color: #FFEADC;
		background: #3969A9;
		float: left; 
	}
	
	.bar li.active { 
		background: #335F99 url(../images/bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 7px 15px 6px 15px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	.bar li.active a { 
	background: #335F99;
		font-weight: bold;
		color: #FFF; 
		
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #FF9900; 
		background: inherit;
	} 
	.bar li.active a:hover { 
		color: #FF9900; 
	background: #335F99;
	} 
	.bar li a img {
  border:none;
  margin: 0 0 -7px 0;
  }

.search_field { 
	background: #fff url(../images/searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 0 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { 
float: left; 

}

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* left side
   --------- */

.left {

	float: left;
	width: 75%;
	margin: 0 0 10px 0;
	
}
.scheda{
font: 1.1em Tahoma, sans-serif; 
	line-height: 2.0em;
	background: #fff; 
	color: #454545; 
}

.left h3 {
	clear: both;
	background: #6F97CE url(../images/corner.gif) no-repeat top right;
	color: #ffffff;
	padding: 7px 0 7px 7px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;

}

.intesta{
	clear: both;
	background: #6F97CE url(../images/corner.gif) no-repeat top right;
	color: #ffffff;
	padding: 7px 0 7px 7px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
.intesta a{
	color: #FFF;
	text-decoration: none;
}
.sx{
	float: left;

}
.dx{
	float: right;
	margin: 0 10px 0 0;
	text-decoration: underline;
	font: bold 1.3em Tahoma, Arial, Sans-Serif;
		
}


.left h3 a{
	color: #FFF;
	text-decoration: none;
}
.left_side {
		float: left;
		width: 350px;
		padding: 0;
		margin: 10px 0;
	}
	.side{
  float: left;
		width: 400px;
		padding: 0 0 0 10px;
		margin: 10px 10px 10px 10px;
  }
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(../images/dotted.gif) repeat-y;
		color: #414141;
		padding: 1px 0 0 10px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	.left_box a{ color: #000;}
	.left_box_borsino img a{ border: none;  margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; float:inherit;}
	.left_box_borsino a img{ border: none; text-decoration: none; margin: 20px 0 10px 0;}
/* left side scheda
   --------- */





.left_side2 {
		float: left;
		width: 350px;
		padding: 0;
		margin-top: 10px;
	}
	.side{
  float: left;
		width: 400px;
		padding: 0 0 0 10px;
		margin: 10px 10px 10px 10px;
  }
		
	.left_side2 a, .right_side2 a { color: #414141; background: #FFF; }
		
	.right_side2 {
		float: right;
		width: 170px;
		background: #FFF url(../images/dotted.gif) repeat-y;
		color: #414141;
		padding: 10px 0 0 5px;
		margin: 10px 10px;
	}
		
	.left_box2 {	font: bold 1em Tahoma, Arial, Sans-Serif; 	line-height: 2.0em; margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	.left_box2 a{ color: #000; background: #FFF; text-decoration: none;}


.ticket{
font: bold 1.5em Tahoma, Arial, Sans-Serif; 	
line-height: 2.0em; 
margin: 0 0 10px 0; 
color: #0000ff; 
background: #FFF; 
padding: 3px 0;
}
.ticket a{
color: #0000ff; 
background: #FFF; 
text-decoration: none;
}
.ticket a:hover{
color: #0000ff; 
background: #FFF; 

}


/* right side
   ---------- */
		
.right {
	float: right;
	width: 24.6%;
	margin: 0 0 10px 0;
}


.right h3 {
	background: #6F97CE  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
.right_articles a{
color: #000000;
text-transform: uppercase;
text-decoration: none;

}

.right_articles p{
color: #000000;

/*text-align: justify; */

}


.right h3.b {
	background: #3969A9  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles_b {
		background: #FFDFDF;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
.right_articles_b a{
color: #000000;
text-transform: uppercase;
text-decoration: none;

}
.right_articles_b a p{
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
font-size: 1.5em;
font-weight: bold;
}

.right_articles_b a p#img{
background: url(../images/prezzo.png) no-repeat top left; padding: 7px 0 0 3px; width:163px; height:34px; cursor:pointer;
}


.right_articles_b p{
color: #000000;

/*text-align: justify; */

}
.image {
	float: left;
	margin: 0 9px 3px 0;
	border: 1px solid #cccccc;

}
.imagegallery {
	float: inherit;
	margin: 0 9px 3px 0;
	border: 1px solid #cccccc;

}
#playerContainer2{float:left;}
#playerContainer{float:left;}
/* Video gallery*/

#video-notiziario{width:210px; height: 300px; margin-left:5px; float:left;}
#video-sommario{width:210px; height: 300px; margin-left:5px; float:left;}
ul.videoN li{height:67px; margin-bottom:10px;}
ul.videoN li img{float:left; width:90px}
ul.videoN li span.titlec{float:left; width:115px; margin-left:5px; margin-top:5px;}
ul.videoS li{height:67px; margin-bottom:10px;}
ul.videoS li img{float:left; width:90px}
ul.videoS li span.titlec{float:left; width:115px; margin-left:5px; margin-top:5px;}

/*--------------------------------------------------
  Regola richiesta per nascondere il contenuto non
  attivo delle tab.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  Classe .tabber = prima l'interfaccia sia creata
  Classe .tabberlive = dopo che l'interfaccia è stata creata
  --------------------------------------------------*/
.tabber {}
.tabberlive {margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = la lista di navigazione delle tab
  li.tabbernav = il list item con la tab attiva
  --------------------------------------------------*/
ul.tabbernav{margin:0; font: bold 12px Verdana, sans-serif;}

ul.tabbernav li{list-style: none; margin: 0; float:left;}

ul.tabbernav li a{padding-top: 3px; margin-left: 3px; display:block; border-bottom: none; background: #ccc; text-decoration: none;}
#socialtab0{background: #0D4290 url('../images/fbwidg.jpg') 0 0; color:#fff; width:90px; margin-right:5px; text-indent:-9999px; height:20px;}
#socialtab1{background: #55BEF5 url('../images/twwidg.jpg') 0 0; color:#fff; width:90px; text-indent:-9999px; height:20px;}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover{ color: #000; background: #AAE; border-color: #227;}
ul.tabbernav li.tabberactive a{ background-color: #fff; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{ color: #000; background: white; border-bottom: 1px solid white;}

/*--------------------------------------------------
  Classe .tabbertab = il contenuto delle tab
  --------------------------------------------------*/
.tabberlive .tabbertab {  border-top:0;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none;}
.tabberlive .tabbertab h3 { display:none;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto;}


/* footer------ */

.footer { 
background: #fff  url(../images/piede.jpg) no-repeat;
height: 169px;
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}
.footer p{ 
clear: both;
	text-align: right;
	padding: 120px 0 10px 0;
	margin: 0;
color: #fff;

}

.footer a { color: #fff;  }