/* foglio di stile di TEANOJAZZ.ORG progettato da Antonio Grillo
tutti i diritti del software sono regolati dalla informativa
contenuta nel sito web teanojazz.org 
*/




@media screen {
body { 
	margin:			0 0.2em 0 0.2em; 
	padding:		0; 
	font: .80em Arial, Helvetica, sans-serif;
	background: #eee;
	color:			#000;
}

ul, li { list-style-type: none; }

a {color:#06c; text-decoration:underline}

a:hover, a:active {color: #09F; text-decoration:underline}

hr { display:	none; }

img {border: none;}

#header { 
	/*background:			#FFF;  */
	color:#000000;
	padding: 0 0 0.2em 0;
	background: #fff;
	
}

#header h1 {  
	margin:		0 0 0 0.2em;
}

#header h2#tagline {
	font-weight: bolder;
	font-size: 1.3em;
	margin: 0.1em 0 0 1.0em;
	color: #c60;
	
}

#header form{
	margin: 0;
	padding:0.2em 0.2em 1.0em 1.6em;
	background-color:#ededed;
	background-image: url(imm/morote_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header form label{
	color:#000;
}

#header form p{
	margin:0;
	padding:0;
}

#header span {
	margin: 0 0.2em 0 0.2em;
}

#header div.tools {
	float: right;
	padding: 0;
	margin: 0;
	position: inherit;
	top: 0;
	right: 0;
	color:#999;
	
}

#header div.tools2 {
	margin: 1.0em 0 0 0;
	padding:0;
	float: right;
	clear:right;
}

#header .tools div.logoGoogle{
	text-align:right;
}

#header div.access p {
	margin: 0;
	padding: 0 0 0.6em 0;
	color:#000;
}

#header A.headerLink{
	color: #0066CC;
}

#header A.headerLink:hover, A.headerLink:visited{
	color: #0099FF;
}

#canali {
	clear:					both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:0.9em;
      line-height:normal;
      border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:0px 1.0em 0 2.0em;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none; font-weight:bold;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#ff3;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#333333;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#333;
        }

#canali span.mainNav{
	margin-left: 1.0em;
	margin-right: 1.0em;
	font-weight:bold;
}
/*
A.canaliLink{
	text-decoration: none;	
	color:#ededed;
}
A.canaliLink:active, A.canaliLink:hover{
	text-decoration: underline;
	color: #ff3;
}
*/

#colonna-sx {
	float:			left;
	width:			32%;
	color:			#333366;
}

#colonna-dx {
	float:			left; 
	width:			25%; 
	color:			#333366;
}

#colonna-sx .box, #colonna-dx .box {
	padding:	5px;
	margin: 0.4em 0.6em 0 0.6em;
}

#colonna-dx { margin-right: -1px; }

#colonna-dx .box h3{
	padding:0;
	margin:0;
	font-size: 1.4em;
}

#colonna-dx .box img{
	float: left;
	border:1px solid #ddd;
	margin: 0 0.4em 0 0;
}

#colonna-dx .box div{
	float:left;
	clear:both;
	margin: 0.4em 0 0 0;
}

#colonna-dx .box p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1.0em;
	margin:0 0 0 0;
	background:#fff;
	border:1px dashed #f90;
}

#colonna-dx .box p.internal{
	padding:0.6em;
	margin:0 0 0 0;
	background:#fff;
	border:1px dashed #f90;
}

#colonna-sx .box div.continua{
	color:#096; 
	font-size:0.8em; 
	font-weight:bolder; 
	text-align:right;
}

#colonna-dx .box div.partnerDiv{
	margin:0.6em 0 0 0.6em;
	border:1px solid #ddd;
	width:160px;
}

#colonna-sx .box h3 { 
	padding: 0 0 0 0;
	font-size: 1.2em;
	margin: 1.2em 0.6em 0 0.2em;
	color:#c00;
}


#colonna-sx .box ul li { 
	padding: 0.6em 0 0.6em 0;
	margin: 0;
	border-bottom:1px dashed #ddd;
}

#colonna-sx .box A.serviziLink {
	text-decoration: none;	
	color:#24618e;
 }
 
#colonna-sx .box A.serviziLink:hover, A.serviziLink:active {
	text-decoration: underline;	
	color:#36c;
 }

#main {
	float: left;
	width: 75%;
 	background: #eee;
	color:			#000;
}

#principale { 
	float:			left; 
	width:			68%; 
	background:	#FFF; 
	color:			#000;
	margin: 		0 0 -1px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;

}

#principale ul.elencopuntato {
	text-align:left;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin: 0.2em 0 0.6em 1.0em;
}

#principale ul.elencopuntato li {
	list-style-type: disc;	
	margin: 0.2em 0 0.6em 1.0em;
	padding:0;
}

#principale div#molliche{
	background:#f4f4f4;
	padding:0.6em;
	margin:0 0 0 0;;
	color:#666;
	font-size: 0.8em;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

#principale .box { 
	border-style:	none solid none solid; 
	border-color:	#CCC; 
	border-width:	1px; 
	padding:			0px 15px 25px 15px;
}

#principale .box h1 span{
	color:#f60;
}

#principale .box h1 {
	color: #333333;
	text-align:center;
	font-size: 2.6em;
	padding: 0;
	margin:0 0 0.2em 0;
	font-family:"Century Gothic", Tahoma, Verdana, serif;
	border-bottom:1px dotted #360;
}

#principale .box h2 {
	color: #060;
	text-align:left;
	font-weight:bold;
	font: 1.4em Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	border-bottom:1px dotted #360;
}

#principale .box p {
	text-align:left;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0.2em 0 2.0em 0;
}

#principale .box p img {
	float:left;
	margin: 0.1em 0.6em 0.4em 0;
	
}

#principale .box div.linkInterno {
	text-align:left;
	font: 1.0em Arial, Helvetica, sans-serif;
	padding:0.6em;
	margin:0.2em 0 2.0em 0;
	background:#eee;
	color:#060;

}





#footer { 
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 5px 0;
	background: #eee;
	color:					#333; 
	padding: 0.4em 0 0.4em 0;
	font-size: 1.0em;
	text-align:center;
	border-top:1px solid #24618E;
}

#disclamer {
	float: left;
	clear: both;
	width: 100%;
	margin: 5px 0 0px 0;
	padding: 0 0 5px 0;
	text-align:center;
	background: #fff;
}
}