/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
body { padding: 0; margin: 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background-color: #ffffff; color: #454545; }
input, textarea { font: 1em Tahoma, Arial, sans-serif; color: #454545; }
a { color: #2F637A; background: inherit; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { margin: 0; padding: 0; font: bold 1.2em Arial, Sans-Serif; color: #666666; line-height: 10px;}
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }

/* layout */
#content_header { height: 44px; background: #DFC206 url(images/s3d_f1.jpg) repeat-x left top; }
#content_tabs { margin: 0px auto; width: 960px; }

#content_logo { height: 200px; background: #59B4ED url(images/s3d_bg.jpg) repeat-y center top; }
#content_img { margin: 0px auto; width: 960px; height:200px; }

#content_shadow { margin: 0; padding:0; height: 5px; background: #fff url(images/s3d_shadow.gif) repeat-x left top; }

#content_body { margin-top: 10px; background: #fff url(images/s3d_bianco.gif) repeat; }
#content { margin: 0px auto; width: 960px; background: #fff; }

#content_footer { height: 100px; background: #59B4ED url(images/s3d_bg.jpg) repeat-y center top; }

/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 14px auto 0 0; float: left; }
	#tablist li{ list-style: none; display: inline; margin: 0; }
	#tablist li a{
		text-decoration: none;
		padding: 6px 10px;
		margin-right: 2px;
		background: #98D7E4 url(images/s3d_corner.gif) no-repeat top right;
		font-weight: bold;
		color: #cc3300;
	}
	#tablist li a:hover{
		background: #56AFE6 url(images/s3d_corner.gif) no-repeat top right;
		color: #fff;
	}
	#tablist li a.current{
		background: #56AFE6 url(images/s3d_corner.gif) no-repeat top right;
		color: #fff;
		padding: 6px 10px;
	}
	#tablist .key { text-decoration: underline; }

/* left side */
#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/s3d_bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/s3d_bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
	.duebox {
		float: left;
		width: 290px;
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 2px 10px 3px;
		background: #eee;
		color: #454545;
	}		
	.unbox {
		float: left;
		width: 610px;
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 2px 10px 3px;
		background: #eee;
		color: #454545;
	}		
  .acapo {
	  clear: both; 
	}		

/* right side */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 10px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat top right;
		color: #454545;
	}

/* indice manuale */
#leftm {
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
}
	.left_manuale {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}

/* contenuto manuale */
#rightm {
	float: right;
	width: 695px;
	margin: 0 0 10px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/s3d_bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.right_manuale {
		margin: 0px 0 10px 0;
		background: #fff url(images/s3d_bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}

/* ricerca nel db */
#leftdb {
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
}
	.left_db {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}

/* immagini nel db */
#rightdb {
	float: right;
	width: 795px;
	margin: 0 0 10px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/s3d_bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.right_db {
		margin: 0px 0 10px 0;
		background: #fff url(images/s3d_bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}

/* lettore rss */
	div#main { }
		div#main h2.title { margin:10px 0 0 0; padding:10px 5px; }
		div#main p { margin:2px 0; }
		div#main p.about { }
		div#main dl dt { padding: 5px; }
			div#main dl dt span.action { display:action; margin:-5px -5px -5px 5px; padding:3px 0; width:25px; }
		div#main dl dd { padding: 5px 5px 10px 5px; overflow:auto; }
		
		div#main div.content { width:48%; float:left; margin:0 10px 10px 0; }
	
	div#main { }
		div#main h2.title { background:#f6f6f6; color:#333; border-bottom:1px solid #666; }
		div#main p.about { }
		div#main dl { border-bottom:1px solid #666; }
			div#main dl dt { background:#fff; border-top:1px dotted #ccc; }
				div#main dl dt:hover { background:#FFFFF5; }
			/*	div#main dl dt span.action { background:#F5FFF0; color:#333; }
				div#main dl dt:hover span.action { background:#E8FFDB; }*/
			div#main dl dd { }
		
	div#main { }
		div#main h2.title { font-size:12px; text-transform:uppercase; font-weight:normal; }
		div#main p { line-height:120%; }
		div#main dl dt span.action { text-align:center; }
		div#main dl dd { line-height:140%; }
	
.clear { clear:both; }
span.action { cursor:pointer; float:right; }
.alignright { float:right; }
a img { border:none; }

/* footer */
#footer { 
	clear: both; 
  margin: 5px auto; 
	width: 940px;
	color: #fff;
}
	#footer .right { float: right; }
	#footer .center { text-align: center; }
  #footer a { color: #fff; background: inherit; }
  #footer a:hover { color: #cc3300; background: inherit; }

/* manuale */
.left_manuale ul { margin-left: 12px; }
.folder{margin-top: 10px; list-style-type: none; xlist-style-image: url(images/folder.gif);	font-family: verdana;	font-size: 9pt;color:#333333; font-weight: bold;}
.folder2{list-style-type: none; xlist-style-image: url(images/folder.gif);	font-family: verdana;	font-size: 9pt;color:#993300; font-weight: bold;}
.item{list-style-type: none; xlist-style-image: url(images/item.gif);	font-family: verdana;	font-size: 8pt; color:#808080}
li .item a:link{color:#2F637A;}
li .item a:visited{color:#808080;}
p.bghead{background: #f4f4f4;font-family:verdana,arial,geneva,helvetica;font-size:14pt;padding-top: 2;padding-bottom: 2;padding-left: 5;padding-right: 5;color:#333333}
p.head{font-family:verdana,arial,geneva,helvetica;font-size:14pt;color:#666666}
p.head2{font-family:verdana,arial,geneva,helvetica;font-size:10pt;font-weight:bold;color:#808080}
.didascalia{font: 1.5em Arial, Sans-Serif;color:#333333}

/* feed */
.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/s3d_rss14.png") no-repeat 0 50%;
	font-size: 11px; 
	text-decoration: none;
} 	
.feed-list {
  margin: 10px 0 15px 10px;
  padding: 0;
  list-style-type: none;
}

.feed-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("../images/s3d_rss14.png") no-repeat 0 50%;
  list-style-type: none;
	text-decoration: none;
}

/* menu laterale in area protetta */
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 145px;
padding: 0 0 15px 0;
margin: 0px;
}
#vertmenu h1 {
display: block; 
background-color:#eeeeee;
font-size: 120%; 
padding: 5px 0 2px 5px;
border: 1px solid #999999;
color: #333333;
margin: 0px;
width: 144px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 100%;
display: block;
border-bottom: 1px dashed #999999;
padding: 3px 0px 1px 4px;
text-decoration: none;
color: #666666;
width:145px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
/* tooltip */
#dhtmltooltip{
    text-align: left;
    font-size: 9px;
    position: absolute;
    width: 150px;
    border: 0px solid orange;
    padding: 2px;
    background-color: moccasin;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}