.ombra {
/* gestita da jqury come funzione */
}
body 
   {
	margin: 0px;
	padding: 0px;
	background: #FFF url(/static/skin/body.jpg) repeat-x;
}

nav          {
	width: 100%;
	height: 35px;
	margin: 0px;
	padding:0px 0px 4px;
	border-bottom: 1px solid #CCC;
	}
	
#slide{
	z-index: 1000;
	padding-right: 10px;
	padding-left: 10px;
	}
#slide li
  {
	padding: 10px 1px 0px;
	background-color: #d2d9e4;
	font-weight: bolder;
	text-decoration: none;
	margin: 5px 0px 0px;
    }

#slide .menu-top  li a 
          {
	padding: 7px 6px 8px;
	background-color: #d2d9e4;
	color: #4c4d83;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
#slide .menu-top li  a:hover 
      {
	color: #fff;
	background: #2d9cab;
	}

#slide .menu-top li  .selected 
       {
	color: #2f2f2f;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 2px solid #fff;
	border-left: 1px solid #f2f2f2;
	-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 10px 1px 10px #333;
	
	z-index: 10000;
}

a.titolo
     {
	color: #2c3c90;
	text-decoration: none;
	margin-left: -20px;
	padding: 2px 20px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-bottom-right-radius: 7px ;
	-webkit-border-top-right-radius: 7px }
a.titolo:hover 
     {
	color: #fff;
	text-decoration: none;
	background: #b3b3b3;
	width: 100% }
.titolo .selected 
    {
	background: #b3b3b3;
	border-bottom: 1px solid #495eb3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }

a
      {
	color: #2c3c90;
	text-decoration: none;
	padding: 3px;
}
a:hover 
    {
	color: #fff;
	text-decoration: none;
	 }
 .selected 
    {
	text-decoration: none;
	background: #b3b3b3;
	border-bottom: 1px solid #db5500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }

    .post > footer li:after
    { content:":"
    }
      .post > footer li:last-child:after
      { content:""
      }


a.more
      {
	color: #2c3c90;
	text-decoration: none;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }
a.more:hover 
    {
	color: #fff;
	text-decoration: none;
	background: #b3b3b3;
	 }
.more .selected 
    {
	text-decoration: none;
	background: #b3b3b3;
	border-bottom: 1px solid #db5500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }

	#navigatorbar
       {
	background: #2f487b;
	width: 100%;
	height: 35px;
	font-size: 12px;
	padding-top: 3px;
	margin-bottom: 10px;
}
	#navigatorbar > header
       {
	min-width: 850px !important;
	padding-top: 4px;
	padding-right: 2%;
	padding-left: 2%;
	margin-bottom:0;

	z-index: 1;
}

/*	
	AREE INTERNE 
	aree di ingombro interno
*/
#tpl_1
{
	width: 94%;
	margin: 2%;
	padding: 2%;
	}
    #tpl_1 > li, #tpl_1 > footer li
{
	width: 90%;
	margin: 10px;
	}
#tpl_1 > section li
{
	width: 40%;
	margin: 1%;
	padding: 2%;
	display: table-cell;
	background: #3C0;
	}


#tpl_1 > lf li
{
	width: 40%;
	margin: 1%;
	padding: 2%;
	display: table-cell;
	background: #3C0;
	}

#tpl_1 > li rg
{
	width: 40%;
	margin: 1%;
	padding: 2%;
	clear: both;
	display: table-cell;
	background: #CF0;
	}


/* GESTIONE CREDITI' */
#crediti
       {
	border: 1px solid #CCC;
	background: #fff;
	margin: 10px;
	width: 500px;
}

#crediti > header {
	padding: 6%;
	}
#crediti > div {
	background: #ffcc00;
	}


/* GESTIONE ARE PUBBLICITA' */
#adv
       {
	border: 1px solid #CCC;
	background: #fff;
	margin: 10px auto 0px;
	width: 90%;
	min-width: 800px;
	max-width: 950px !important;
}

#adv > header {
	padding: 1%;
	}

/* MENU CANALI */
#canali {
	width: 100%;
	font: 80% Verdana, Geneva, sans-serif;
	}

#canali > header {
	margin-bottom: 10px;
	}

#canali > section {
	border: 1px solid #F0F0F0;
	margin-top: 25px;
	margin-bottom: 25px;	
	}

/* INIZIO GESTIONE PAGINA CENTRALE */
#container
       {
	border: 1px solid #CCC;
	background: #fff;
	margin: 10px auto 0px;
	width: 90%;
	min-width: 800px;
	max-width: 950px !important;
}
  #container > header, #container > footer
       {
	padding-top: 1%;
	width: 100%;
	overflow: hidden;
}
  #container > header
       {
	background: #FFF url(/skin/logo.jpg) no-repeat;
}

  #container > header .top
       {
	height: 110px;/*	padding: 25px */
	padding-top: 80px;
	padding-right: 15px;
	padding-left: 33px;
	color: #FFF;
	}
    #container > header li, #container > footer li
      {
	background: transparent;
	padding: 4 5px 0 0;
	float: left
}

/*  TEMPLATE STANDARD */
#container > central
       {
	background: #FEFEFE;
	padding: 0 2% 2%;
	float: right;
	width: 70%;
	min-height:640px;
}

  #container > menu
       {
	padding: 0 2% 2%;
	float: left;
	display: block;
	width: 22%;
	background: #FDFDFD;
}

/*  FINE TEMPLATE STANDARD */

#container > section
       {
	padding: 0 2% 2%;
	float: left;
	border-right: 1px solid #ccc;
	width: 60%;
}
	
  #container > aside
      {
	padding: 0 2% 2%;
	float: right;
	display: block;
	width: 32%;
}

/*	
	DEFINISCO L'AREA DEL BLOCCO  
	SUDDIVISA IN TRE PARTI UGUALI
*/
#container > footer
    {
	background: #999 url(/images/bg-trasp70.png);
	width: 100%;
	clear: both;
	border-top: 1px solid #ccc;
	display: block;
	padding: 0;
	margin: 0;
	height: 250px;
}

/*	
	DEFINISCO IL SINGOLO  BLOCCO  1, 2 e 3
*/
#container > footer  .blocco
    {
	border-right: 1px solid #CCC;
	width: 29%;
	height: 250px;
	float: left;
	padding: 2% 1.9% 2% 2%;
    }

	#container > footer  .bloccoafter
      {
	width: 30%;
	height: 250px;
	padding: 2% 2% 2% 1.9%;
	float: right;
      }

/*
#container > footer li:after
    { content:" |"
    }
      #container > footer li:last-child:after
      { content:""
      }
*/

/*	 DEFINISCO l'Hover del singolo BLOCCO  */

    #container > footer  .blocco:hover,
	#container > footer  .bloccoafter:hover	
	{
	background: url(/images/bg-trasp50.png);
		}

/*	 DEFINISCO il contenuto del singolo BLOCCO  */
	#container > footer .blocco ul li,
	#container > footer .blocco ul li a,
	#container > footer .blocco ul li a:visited,
	#container > footer .bloccoafter ul li,
	#container > footer .bloccoafter ul li a,
	#container > footer .bloccoafter ul li a:visited
  {
	color:      #eee;
	font: 11px/23px Verdana, Geneva, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-top: 2px;
}

/*	 DEFINISCO l'Hover del contenuto del singolo BLOCCO  */
#container > footer  .blocco ul li a:hover,
#container > footer  .bloccoafter ul li a:hover
{
	color:          #ffcc00;
	text-decoration: none;
	background: #069;
	margin-right: 0px;
	margin-left: 0px;
}

/*	 FINE FOOTER  */

.post                     
   {
/*	margin-top: 40px; */
	overflow: visible }

	.post > header          
     {
	margin: 2% 3% 3px;
	position: relative;
}
  .post .date             
         {
	color: #3a3f71;
	font-size: 96%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #cafaff;
	padding: 4px 8px 12px;
	position: absolute;
	top: 65px;
	left: -109px;
	-moz-box-shadow: 3px -2px 5px #444 ;
	-moz-transform: rotate(276deg);
	-webkit-box-shadow: 3px -2px 5px #444 ;
	-webkit-transform: rotate(276deg);
	transform: rotate(270deg);
	}
  .post >section               
       {
	color: #444;
	text-decoration: none;
	text-align: justify;
	margin: 5px;
	margin: 2% 3% 3px;
	font: 100%/140% "Palatino Linotype", "Book Antiqua", Palatino, serif;
		   }
  .post >section img               
       {
	margin-right: 10px;
	width: 140px;
	height: 140px;
	float: left }

  .post img               
     {
	margin-right: 10px;
	float: left;
	clear: both;
	}
    .post.ext img         
      { float:right; 
        margin:0 0 0 10px; 
      }
  .post footer            
    { overflow:hidden; 
    }
  .post footer li
       {
	background: transparent;
	float: left;
	content: " > "  }

.side-box 
   {
	padding: 4% 8% 6% 6%;
	border-width: 1px;
	border-color: #FF0;
}
  .side-box:not(:last-child) 
    { border-bottom:1px solid #ccc; 
    }
    .side-box > header h3 
      { margin-bottom:0;  
      }
    .side-box > header p  
    { text-transform:uppercase; 
      font-style:italic; 
      font-size:90%; 
    }

    .side-box > header li 
    {
	text-transform:uppercase;
	font-style:italic;
	font-size:90%;
	background: #00F;
    }
li.story
     {
	background: url("/static/img/blogs_stack.png") no-repeat 0 2px;
	padding-left: 25px;
	border-bottom: 1px solid #6c8390 }
li.story:hover
     {
	background: url("/static/img/blogs_arrow.png") no-repeat 0 2px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px }


    /* using > is faster, for the same reason you don't need a license to snorkel (AFAIK): you aren't going as deep.  */

.pop-out > section > * 
    {
	background: #fff;
	display: block;
	padding: 25px 10px 10px;
	position: relative;
	left: 20px;
	width: 120%;
	border: solid 1px #474747 }


.post-it 
    {
	color: #333;
	font-style: normal;
	background: #fff8a1;
	padding: 10px;
	position: relative;
	z-index: 10;
	top: 10px;
	border: solid 1px #dbc24e;
	-moz-box-shadow: 1px 1px 5px #333;
	-moz-transform: rotate(358deg);
	-webkit-box-shadow: 1px 1px 5px #333;
	-webkit-transform: rotate(358deg);
	box-shadow: 10px 1px 10px #333;
	transform: rotate(356deg)  }
         
.meta 
   {
	font-size: 80% }

#container header #headTesto .titleBlog
{
	/* color:      #3167cb; */
	color:      #fff; 
	padding:     34px 6px 10px;
	text-shadow:1px 1px 0 #000;
	float:       right;
	font: 26px Georgia, "Times New Roman", Times, serif;
	text-shadow:1px 1px 0 #000;
}

.subtitle 
  {
	/* 
	text-transform:uppercase;
	font-size:90%;
	letter-spacing:1px;
	text-shadow:1px 1px 0 #000;
	padding-right: 15px;
	padding-left: 33px;
	*/
  }

 .subtitle ul li,
 .subtitle ul li a,
 .subtitle ul li a:hover
{
	font-size:12px;
	color:#FFF;
	letter-spacing:1px;
	text-shadow:1px 1px 0 #000;
	padding-right: 15px;
	padding-left: 33px;
	background: #524B43;
	font-weight: bolder;
 	float: right;
 }

  .comment > header > h2 
  {
	padding: 30px 50px 0;
	font-weight: bolder;
}
.comment 
   {
	background-color: #eceff5;
	margin: 0 0 1px;
	padding: 6px;
	border: solid 1px #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px }
  .comment > header > p 
    { font-weight:bold;  
      display:inline; 
      margin:0 11px 10px 0; 
    }

  .comment > img   {
	background-image: url("/static/img/appunti.png");
	background-repeat: no-repeat;
	background-position: -5px -5px;
	margin-left: -70px;
	width: 64px;
	height: 64px;
	float: left }

  .reply img   {
	background-image: url("/static/img/appunti-reply.png");
	background-repeat: no-repeat;
	background-position: -5px -5px;
	margin-left: -70px;
	width: 64px;
	height: 64px;
	float: left }
  .reply.comment 
        {
	margin-left: 25px;
}
  .author.comment 
     {
	color: #2d9cab;
	background: #efefef }

  .author img   {
	background-image: url("/static/img/appunti-admin.png");
	background-repeat: no-repeat;
	background-position: -5px -5px;
	margin-left: -70px;
	width: 64px;
	height: 64px;
	float: left }
    
.comments-form p 
   {
	padding: 5px;
	-border-radius:5px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
 }
.comments-form p:hover 
   {
	background: #eceff5; 
	}
.comments-form label 
  { 
  display:inline-block; 
    width:70px;
  }
/* 
.comments-form label:after 
  { content: " : "; 
  }
*/

.comments-form textarea 
  { 
  	min-width:400px;
  	min-height: 100px;
    border:1px solid #ccc; 
	-border-radius:6px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    padding:6px; 
  }

.comments-form input[type=text]
  { width:200px; 
    border:1px solid #ccc; 
	-border-radius:6px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    padding:6px; 
  }

.comments-form input[type=text]
   {
	font-size: 100%;
	font-weight: bold;
	background-image: url("/static/img/post-row.png");
	background-repeat: no-repeat;
	background-position: -25px center;
	padding: 10px 10px 10px 35px;
	-border-radius:7px; 
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
   }

.comments-form input[type=text]:hover,
.comments-form textarea:hover 
     {
	border: solid 1px #f87958 }

.comments-form button  {
    border:1px solid #888;
	padding: 10px;
	width: 200px;
	-border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url(/static/img/button.jpg) repeat-x;
 }
.comments-form button[type=submit] 
    { }

/* EDITABILE FORM */
form.edit   {
	background-color: #effed6;
	width: 560px;
	padding: 12px;
	position: absolute;
	z-index: 10000;
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5)  
}

#tasca {
	background-color: #e8f3ff;
	margin: 1px;
	padding: 4px;
	z-index: 10000;
	width: 700px;
	border: solid 1px #959595 }
.btnSave     {
	color: #fff;
	background-image: url("/static/img/button-sub1.jpg");
	background-repeat: repeat-x;
	margin: 2px;
	padding: 6px 10px;
	border: solid 1px #2c3c90 }
.btnCancel    {
	background-image: url("/static/img/button.jpg");
	background-repeat: repeat-x;
	margin: 2px;
	padding: 6px 10px;
	border: solid 1px #2c3c90 }

.btnDiscard   {
	background-image: url("/static/img/button.jpg");
	background-repeat: repeat-x;
	margin: 2px;
	padding: 6px 10px;
	border: solid 1px #959595 }
.editHover     {
	color: #253b11;
	background: url("/static/img/edit.png") no-repeat right top;
	-khtml-background-size: 64px 72px;
	-moz-background-size: 16px;
	-o-background-size: 16px 16px;
	-webkit-background-size: 64px 72px  }

.editBox     {
	color: #039;
	font-family: "Courier New", Courier, Monaco, monospace;
	font-size: 12px;
	background-color: #fff;
	background-image: url("/static/img/blog__pencil.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 2% 2% 2%;
	width: 520px;
	min-height: 540px; 
	max-height: 600px;
	border: solid 2px #cecece }

#top-logo					{ position:absolute; top:-5px; left:20px; z-index:10; }

#top-link   { display:none; position:fixed; right:5px; bottom:5px; color:green; font-weight:bold; text-decoration:none; border:1px solid green; background:Lightgreen; padding:10px; }

:link,:visited { 
    cursor: url(/static/img/mano.png) 10 3, 
            hand 
}

/* TOOL TIPS CSS3 */

/* SFONDO MULTIPLO BACKGROUND MULTY 
#sfondi_multipli{
width:400px;
height:150px;
border:2px solid #CCC;
background:
url(ucello.jpg) no-repeat 30px top,
url(lumaca.jpg) no-repeat right 105px,
url(logo.jpg) no-repeat 60px 55px,
url(fiore.jpg) no-repeat 5px 55px,
url(erba.jpg) repeat-x bottom,
url(cielo.jpg) repeat-x top;
}
*/
.tabloid {
width: 500px; background-color: #EEEEEE; color: #333333; padding: 30px;
}

.tabloid > .colonna {
column-rule: 2px solid white; -moz-column-rule: 2px solid white;-webkit-column-rule: 2px solid white; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-count: 4; -moz-column-count: 4; -webkit-column-count: 4;

}

/* ALLEGATI  */
.allegati
{
	border: 1px solid #CCC;
	margin: 0px;
	padding: 1px;
	display: block;
	clear: both;
	background: #F3F3F3;
}
.allegati > .trigger
{
	font: 10pt Verdana, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	padding: 5px;
	margin: 0px;
	}
	
.allegati > .trigger:hover
{
	text-decoration: none;
	display: block;
	color: #FFF;
	background: #2F487B;
	}
.allegati > .active
{
	margin-bottom: 8px;
	color: #F60;
}

.allegati >  .toggle_container
{
	background: #FCC;
	border: 1px solid #0C9;
	margin: 10px;
	}

/* ERRORI DI STATO GLOBALE */
#errmews {
	text-align:       center;
	margin:           15%;
	padding:          5%;
	width:            60%;
	vertical-align:   middle;
	border:           solid 8px #c5c5c5;
	font: 12pt Verdana, Arial, Helvetica, sans-serif;
	opacity: 0.90;
}

#errmews:hover
{
	border:           8px solid #CCC;
}

#errmews > h1
{
	font-size: 12pt;
	font-weight: bolder;
	}

#errmews > a
{
	font: bolder 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	}
#errmews > a:hover
{
	color: #009;
	}

/* INDICATORE DELLA DATA */

.indicatore {
	font-family:     Verdana, Geneva, sans-serif;
	display:          block;
	float:            right;
	background: #fff;
	border: 1px solid #CCC;
	position: static;
	overflow: hidden;
	top: 25px;
	margin: -10px -30px 0px 6px;
	padding: 0px;

-moz-box-shadow: rgba(200,200,200,1) 1px 3px 6px;
-webkit-box-shadow: rgba(200,200,200,1) 1px 3px 6px;
-khtml-box-shadow: rgba(200,200,200,1) 1px 3px 6px;
box-shadow: rgba(200,200,200,1) 1px 3px 6px;
}

.indicatore > .giorno {
	font-size:  22px;
	font-weight: bold;
	background: #e9e9e9;
	margin: 0px;
	padding: 4px 8px;
	text-align: center;
	float:            right;
}

.indicatore > .upd {
	font-size:     8px;
	padding:          1px 3px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	background: #660;
	float: left;
	height: 12px;
}

.indicatore > .mese {
	color:         #646464;
	font-size:     9px;
	font-weight: bold;
	text-align: center;
	background: #FFF;
}

.indicatore > .ora {
	color:    #2c3c90;
	font-size: 7px;
	padding:          1px 3px;
	background: #FFC;
	float: left;
	height: 12px;
}