/* -------------------------------------- */
/* struttura pagina + parti generali
/* -------------------------------------- */

/* -------------------------------------- */
/* struttura
/* -------------------------------------- */

 body
 {
    /*font-family:Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    background-color:#f5f5f5;
    color:#333;
    font-size: 100%;*/
 }

#main
{
/*
	width:780px;
	text-align:center;
	margin:auto;
	background-color:#fff;
*/
	background-color:#FFFFFF;
	margin:auto;
	padding:0 5px;
	width:780px;
}

#header
{
/*
	width:770px;
	margin:auto;
*/
}

 #container
 {
    width:770px;
    margin:auto;
    margin-bottom:15px;
    /*text-align:left;*/
    padding-left:0px!important;
    padding-left:5px;
 }

 #footer
 {
     width:770px;
     margin:auto;
     height:20px;
     border-top:1px solid #ccc;
     font-size:0.65em;
     text-align:center;
     color:#999;
 }

 /* -------------------------------------- */
/* tag strutturali
/* -------------------------------------- */

img{
 border:0px;
 }



/* -------------------------------------- */
/* header
/* -------------------------------------- */

 #menu1
 {
    text-align:left;
    border-bottom:1px solid #666;
    padding:0px 0px 0px 20px;
    height:50px;
    margin:0px 0px 8px 0px;


 }

 #menu1 .logo
 {
    float:left;
    margin-top:15px;
    border:0px;
 }

 #menu1 p
 {
     float:right;
     margin:32px 0px 0px 0px;
     padding:0px;
     color:#666;
 }

 #menu1 p img
 {
     border:0px;
 }

 #menu1 p a
 {
     font-family:arial;
     font-size:0.7em;
     text-decoration:none;
     color:#666;
 }

 #menu1 p a:hover
 {
    color:#c33;
 }

 #path
 {
    text-align:left;
    background-color:#3971a9;
    margin: 0px 0px 1px 0px;
    padding:0px;
    height:16px;
 }

 #path p
 {
    margin:0px;
    padding: 1px 0px 3px 23px!important;
    padding: 3px 0px 3px 23px;
    line-height:10px;
 }

 #path p a
 {
    color: #fff;
    text-decoration:none;
    font-size:0.7em;
 }

  #banner
 {
    height:auto!important;
    height:55px;
    min-height: 55px;
    text-align:left;
    color: #fff;
    background-color: #369;
    margin-top:0px;
    border-bottom:1px solid #eee;
 }


 #banner h1
 {
    margin:0px;
    padding:8px 10px 10px 23px;
    font-size: 1em;
    font-weight:bold;
 }

 #banner h1 a
 {
    color:#fff;
    text-decoration:none;
    display: block;
    width: auto;
    height:auto;
 }

 #banner span
 {
    font-weight:normal;
    font-size: 0.8em;
 }

 #vuoto
 {
    height:16px;
    background-color:#f3f3f3;
    border-bottom: 1px solid #ccc;
    margin-bottom:20px;
 }

 /*---------------------------------------*/
 /*    menu dove ci sono le linguatte     */
 /*---------------------------------------*/

.nav-tabs>li.active>a
 {
     color: #c33 !important;
 }
/*
 #menu
 {
    text-align:left;
    background-color:#f3f3f3;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    border-bottom:1px solid #999;
	height:18px;
 }

  #menu ul
 {
    margin:0px 0px 0px 30px;
	margin:0px 0px 0px 30px !important;
    padding:0px 0px 0px 0px;
    border-left: 1px solid #999;
	height:18px;
 }

 #menu ul li
 {
    position:relative;
    display:inline;
    margin:0px 0px 0px 0px;
    padding: 4px 22px 0px 25px;
    border-right: 1px solid #999;
	 height:18px;
 }


#menu ul .attivo
 {
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 25px!important;
    padding: 0px 20px 0px 25px;
    background-color:#000;
    border-bottom:1px solid #fff;
    background:url(/images/icons/f_rosso.gif) #FFFFFF  center left no-repeat;
    list-style-position: outside;

 }

  #menu ul .attivostart
 {
    margin:0px 0px 0px 0px;
    padding: 0px 20px 0px 25px!important;
    padding: 0px 20px 0px 25px;
    border-bottom:1px solid #fff;
    background:url(/images/icons/f_rosso.gif) #FFFFFF  center left no-repeat!important;

 }

  #menu ul .passivo
 {
    margin:0px 0px 0px 0px;
    padding: 0px 20px 0px 25px!important;
    padding: 0px 20px 0px 25px;
    background-color:#f3f3f3;
    border-bottom:0px solid #fff;
   	background:url(/images/icons/f_grigio.gif) center left no-repeat;
    list-style:none;
 }

   #menu ul .passivostart
 {

    margin:0px 0px 0px 0px;
    padding: 0px 20px 0px 25px!important;
    padding: 0px 20px 0px 25px;
    background-color:#f3f3f3;
    border-bottom:0px solid #fff;
    background:url(/images/icons/f_grigio.gif) center left no-repeat!important;
    list-style:none;
 }

 #menu ul li a,
 #menu ul .attivo a
 {
    color:#333;
    font-size:0.75em;
    text-decoration:none;
 }

 #menu ul li a:hover,
 #menu ul .attivo a:hover
 {

    color:#cc3333;
	font-size:0.75em;
    text-decoration:none;
 }
 /*---------------------------------------*/
 /*    container     */
 /*---------------------------------------*/


 /*  colonne home page  */
 /*---------------------*/
 #container #colonna1
 {
    float:left;
	width:300px;
 }

 #container #colonna2
 {
    float:right;
    width:190px;
	margin:0px;
 }

 #containerCol2-3
  {
    border-top:5px solid #CCC;
    margin:0px 0px 0px 30px;
    padding:0px;
 }



 /*  colonne pagine standard  */
 /*---------------------------*/

 #standardCol1
 {
     float:left;
     width:190px;
 }

 #standardCol2,
 #standardCol2bis
 {
	font-size: 0.75em;
	float:left;
	margin:0px 0px 0px 30px;
	padding:0px;
	width:360px;
 }
 #standardCol3
 {
    float:right;
    width:170px;
    padding:5px 0px 0px 0px ;
 }

 #standardCol2-3
 {
    font-size: 0.75em!important;
	font-size: 0.75em;
	margin:0px 0px 0px 220px;
    padding:0px;
 }


 /*---------------------------------------*/
 /*    footer     */
 /*---------------------------------------*/

 #footer a
 {
    color: #999999;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	padding-right: 0.8em;
	padding-left: 0.5em;
	padding-top: 1em;
 }

  /*-----------------*/
 /*organigramma AC  */
 /*-----------------*/

#standardCol2-3 .organigramma
{
	width:100%;
}

#standardCol2-3 .organigramma tr td
{
	padding: 7px 0px;
}

 #standardCol2-3 .organigramma tr td
 {
	border-bottom:1px solid #ccc;
 }

 #standardCol2-3 .organigramma tr td a
 {
	color:#369;
	text-decoration:none;
	font-size:1.0em!important;
	font-size:0.75em;
    margin-right: 8px;
}

#standardCol2-3 .organigramma tr td a.rosso
{
	color: #c00;
}

#standardCol2-3 .organigramma tr td a.bold
{
	font-weight: bold;
}

 #standardCol2-3 .organigramma tr td.arrow a
 {
	margin-right:0px;
 }
 
#standardCol2-3 .organigramma tr td.quartoLivello
{
	margin:0px;
	padding:0px;
}

#standardCol2-3 .organigramma tr td.arrow
{
	text-align: right;
}

#standardCol2-3 .organigramma tr:hover 
{
	background: #eeeeee;
}

/*ricerca uffici e collaboratori  */
 /*-----------------*/

 #standardCol2-3 .titUfficio
 {
	background-color:#eee;
 	color:#333;
 	padding:2px 5px;
 	font-size:1em;
 	font-weight:bold;
 	margin:0px 0px 15px 0px;
 }
 /*
 #standardCol2-3 .uffCollab
 {
	background-color:#e1e1e1;
	width:97%;
	padding:5px;
	margin:0px 0px 15px 0px;
 }
 */

 .uffCollab
 {
	background-color:#e1e1e1;
	padding:5px;
	margin:0px 0px 0px 0px;
 }

 #standardCol2-3 .uffCollab form
 {
	float:left;
	width:45%;
	margin:0px 15px 0px 0px;
	color:#333;
	font-size:1em;
 }

 .ricercaTemi
 {
 	 background-color:#c2dcf5;
	 padding:10px 10px 10px 0px;
	 font-size:0.8em;
	 color:#333;
	 font-weight:bold;
	 margin-bottom:15px;
 }

 .dividi
 {
 	float:left;
	padding:0 4px;
	width:372px;
	text-align:left;
 }

  .uffCollab form
 {
	margin:15px 15px 10px 0px;
	padding: 10px 0px 10px 0px;
	color:#333;
	font-size:0.8em;
 }

   .uffCollab form span
 {
	font-size:0.85em;
 }


 #standardCol2-3 .risultRicerca
 {
	border-top:1px solid #ccc;
	font-size:1em;
	padding:4px 0px;
	margin:0px 0px 10px 0px;
 }

 #standardCol2-3 .risultRicerca a
 {
	color:#369;
	font-weight:bold;
 }

.lista img {
float:left;
}

/*barra social*/

.titolo
{
	cursor:pointer;
	cursor: hand;
}
.bottoni
{
	display: none;
	cursor:pointer;
	cursor: hand;
}

.x
{
	width: 10px;
}

.bottoni img{
	margin: 0px 0px 0px 2px;;
}

/* servizio informazioni*/
/*-------------------------*/

#standardCol3 .box{
	margin:0px 0px 15px 0px;
 }

#standardCol3 #ricerca1{
	width:170px;
	margin:0px 0px 0px 0px;
	margin-top:10px;
	padding:0px;
	background-color: #EEEEEE;
	border-top:1px solid #ccc;
}
 
#standardCol3 #ricerca1 p{
	font-size: 0.7em;
    font-weight: bold;
    margin: 0;
    padding-left: 5px;
    padding-top: 2px; 
    color: #666666;
 }
 
#standardCol3 #ricerca1 form{
	margin:5px 0px 0px 0px;
	padding:0px 0px 5px 5px;
	border:0px;
}

#standardCol3 #ricerca1 form div{
	margin:0px;
	padding:0px;
}

#standardCol3 #ricerca1 .button {
    border: 1px ridge #FFFFFF;
    color: #000000;
    margin: 0;
    padding: 0px 3px;
    font-size:0.9em;

}

/*accessibilità */
 
a:focus {
}

a:focus div{
	color:#C33;
}

.ricerca.lista-icons a:focus{
	background: none !important;
    color:#C33 !important;
}

.ricerca.lista-icons a:focus i{
	 color:#c33 !important;
}	

input:focus {
}

#container #navTematica .box p a:focus,#header #banner h1 a:focus {
	color: #000;
}

#fancybox-left a:focus, 
#fancybox-right a:focus {
    background-color: transparent;
    outline:0px solid #CCC;

}

div#skiplinks {
    display: none;
}

.titolo {
    cursor: auto;
}

/*-----------------------------------------------------------*/
/* STRUTTURA */

#main{
	background-color:#FFFFFF;
	margin:auto;
	padding:0 5px;
	width:780px; 
}

#header{
	
}

#menu{
	margin:0px;
	padding:0px 0px 0px 20px;
	background-color:#f3f3f3;
	background-image: url(http://www3.ti.ch/images/icons/sfondoMenu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#corpo{
	margin-bottom:20px;
	text-align:left;
}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #ccc;
	height:30px;
	font-size:0.6em;
	color: #e1e1e1;
}

/*-----------------------------------------------------------*/
/* HEADER   */
/* HEADER -> menu1  */

#menu1{
	border-bottom: 1px solid #666;
    height: 50px;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    text-align: left;
}

#menu1 .logo{
	float:left;
	margin-top:15px;
	border:0px;
}

#menu1 p{
	float:right;
	margin:32px 0px 0px 0px;
	padding:0px;
	color:#666;
}

#menu1 p img{
	border:0px;
}

#menu1 p a{
	font-family:arial;
	font-size:0.7em;
	text-decoration:none;
	color:#666;
}

#menu1 p a:hover{
	color:#c33;
}

/* HEADER -> path  */

#path{
	background-color:#09c;
	color: #FFFFFF;
    font-size: 0.7em;
    height: 16px;
    margin: 0 0 1px;
    padding: 1px 0 1px 25px;
    text-align: left;
}

#path a{
	text-decoration:none;
	color:#fff;
}

#path a:hover{
	text-decoration:underline;
}

/* HEADER -> banner  */

#banner{
	height:55px;
	min-height: 55px;
	text-align:left;
	color: #fff;
	background-color:#01AEF0;
	margin:0px;
	border-bottom:1px solid #eee;
	/*background-image: url('http://www4.ti.ch/fileadmin/DFE/banner/DFE_DR_USTAT_banner.png'); */
	background-color:#09C !important;
	background-position:right;
}

#banner h1{
	margin:0px;
	padding:8px 10px 10px 23px;
	font-size:1em;
	font-weight:bold;
}

#banner h1 a{
	text-decoration:none;
	color:#fff;
}

#banner span{
	font-weight:normal;
	font-size: 0.8em;
} 

/*-----------------------------------------------------------*/
/* MENU  */

#menu ul{
	margin:0px;
	padding: 0px;
	list-style:none;
	text-align:left;
}

#menu ul li{
	float:left;
	background-image:url(http://www3.ti.ch/images/icons/f_grigio.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 2px 10px 0px 15px;
	margin:0px;
	border-left:1px solid #999;
	font-size:0.75em;
}

#menu ul li.ultimo{
	border-right:1px solid #999;
}

#menu ul li.selected{
	background-color:#fff;
	border-bottom:1px solid #fff;
	background-image:url(http://www3.ti.ch/images/icons/f_rosso.gif);
}

#menu ul li a{
	text-decoration:none;
	color: #000;
}

#menu ul li.selected a{
	text-decoration:none;
	color: #CC3333;
}



/*-----------------------------------------------------------*/
/* CORPO  */

#colMenu{
	float:left;
	width:200px;
	margin-right:30px;
	border-top: 5px solid #09c;
	font-size:11px;
}

#colContenuto{
	float:left;
	width:550px;
	border-top: 5px solid #b0d2e5;
	padding-top:5px;
	font-size:12px;   /*verificare*/
}



/*-------------------------------------*/
/* layout 50/50 */
/* ------------------------------------ */

.col-xs-9 .col50S{
	float:left;
	width:47%;
    font-size: 14px;
}

.col-xs-9 .col50D{
	float:right;
	width:47%;
    font-size: 14px;
}


/*-------------------------------------*/
/* layout 50/50  extra */
/* ------------------------------------ */

.col-xs-9 .col50Sex{
	float:left;
	width:40%;
    font-size: 14px;
}

.col-xs-9 .col50Dex{
	float:right;
	width:40%;
	margin-right: 20px;
    font-size: 14px;
}

/*-------------------------------------*/
/* layout 70/30 */
/* ------------------------------------ */

.col-xs-9 .col70S{
	float:left;
	width:68%;
}

.col-xs-9 .col30D{
	float:right;
	width:28%;
}

.col-xs-9 .colAgg{
	float:right;
	/*width:43%;*/
}


/*-------------------------------------*/
/* layout 30/70 */
/* ------------------------------------ */

.col-xs-9 .col30S{
	float:left;
	width:28%;
}

.col-xs-9 .col70D{
	float:right;
	width:68%;
}


/* ------------------------------------ */



.risultati{
	border-top:1px solid #ccc;
	padding:5px 5px 10px 10px;
}

.risultati p
{
	margin:0px;
	padding:0px;
}





/*-------------------------------*/
/* FOOTER  */

#footer a{
	text-decoration:none;
	padding: 0px 5px;
	color:#999;
}

#footer a:hover{
	color:#c00;
}

/*--------------------------------------*/
/* RICERCA */

.ricercaOr{
	margin-left: 20px;	
}
.ricercaAnd{
	margin-left: 10px;	
}

.ricercaAvanzata{
	
	margin-left: 300px;
	font-size: 12px;
    font-weight: bold;
}

#ricercaA .ricDrop .drop .ricerca .tendine span{
	margin-left: 20px;
}

#ricercaA .ricDrop .drop .ricerca .tendine input[Type="text"]{
	font-size:1.1em;
}

#ricercaA .ricDrop .drop .ricerca .tendine{
	position: relative;
}
#ricercaA .ricDrop .drop .ricerca .tendine input[Type="checkbox"]{
	position: absolute;
	right:112px;
	top:2px;
}

/*--------------------------------------*/
/* GENERALE */

img{
	border:0px;
}

.clear{
	clear:both;
	height:0px;
	margin:0px;
	padding: 0px;
}



H2{
	font-size: 22px;
	color: #0099cc;
	margin:0px;
	padding:0px;
}

H3{
	font-size: 16px;
	color:#09c;
	font-weight: bold;
	margin: 35px 5px 5px 0px;
}

H4{
	font-size: 14px !important;
	color: #0099cc;
	margin:0px 0px 5px 0px;
	padding:0px;
}

H5{
	font-size:18px;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

H6{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	margin-top:-20px;
	color:#999999;
	margin-bottom:20px;
}


.lineaTopSSP{
	border-top:1px solid #ccc;
}

.coloreScuro{
	background-color: #09c;
}
.coloreChiaro1{
	background-color: #f3f8fb;
}
.coloreChiaro2{
	background-color: #e1e1e1;
}
.coloreChiaro3{
	background-color: #ccc;
}
.coloreGrigio{
	border: 1px solid #ccc;
	font-size: 0.8em;
}

ul.fileAllegati
{
	margin: 5px 0 5px 0px;
	padding:0px;	
}

ul.fileAllegati li.allegatopdf
{
	background: url(../immagini/icone/i_pdf.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 4px 0 4px 24px;
}

ul.fileAllegati li.allegatodoc
{
	list-style-type: none;
	background-image:url(../immagini/icone/i_doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 1px 0px 0px 24px;
}

ul.fileAllegati li.allegatoppt
{
	list-style-type: none;
	background-image:url(../immagini/icone/i_ppt.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 1px 0px 0px 24px;
}


ul.fileAllegati li.allegatoimg
{
	list-style-type: none;
	background-image:url(../immagini/icone/i_img.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 1px 0px 0px 24px;
}

ul.fileAllegati li.allegatofile
{
	list-style-type: none;
	background-image:url(../immagini/icone/i_file.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 1px 0px 0px 24px;
}


ul.fileAllegati li.allegatoxls{
	list-style-type: none;
	background-image:url(../immagini/icone/i_xls.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 1px 0px 0px 24px;
}


/*************************************************************************************/
/*HOME TEMI*/
.readmore
{
    font-size: 14px;
}

.readmore .moreText {
    display:none;
}
.readmore a.more {
    display:block;
}

#corpoCentrale{
	width: 74%;
	float: left;
}

#corpoCentrale h2{
	margin-bottom: 10px;
}

#corpoCentrale .temiCorpo{
	border:1px solid #ccc;
	margin-bottom: 5px;
	padding: 10px 5px 0px;
}

#corpoCentrale .temiCorpo .img{
	width: 14%;
	float:left;
}

#corpoCentrale .temiCorpo .descrizione{
	width: 84%;
	float:right;
}

#corpoCentrale .temiCorpo .descrizione ul.sottotemi{
	padding:0px 10px;
	list-style-type: square;
	color:#336699;
}

#corpoCentrale .temiCorpo .descrizione ul.sottotemi li{
	padding:1px 0px;
	font-weight: bold;
}

#corpoCentrale .temiCorpo .descrizione ul.sottotemi li.vediTutti,
#argomenti ul li.vediTutti
{
	list-style-image: url('../immagini/frecciaGiu.png');
	margin-left: 1px;
	font-weight: bold;
	margin-top:3px;
}

#argomenti{
	width: 24%;
	float:right;
}

#argomenti ul{
	padding:0px 10px 0px 12px;
	list-style-type: square;
	/*color:#336699;*/
	margin-bottom:25px;
	font-size:11px;
    margin-left: 0px;
}

#argomenti ul li{
	padding:2px 0px;
    margin-bottom: 0px;
}

#argomenti img{
	margin: 7px 0 25px;
}

.infografica{
	border:1px solid #ccc;
	padding:5px;
	margin-top:20px;
}
.infografica:hover{
	background-color: rgb(238, 238, 238);
}
.infografica:hover h3{
	color:#c33;
}

.infografica .img{
	float:left;
	width:125px;
	height: 178px;
	overflow:hidden;
}
.infografica .img img{
	height: 178px;
}

.infografica .descrizione{
	float:left;
	width: 390px;
	padding:10px;
	height: 178x;
}

.multimedia{
	width: 520px;
}

/****************************************************************/
/*TEMA*/
.panorama{
 background: #F3F7FC;
 padding: 10px;
 margin-bottom:10px;
}

.panorama .icona{
	width: 8%;
	float:left;
}

.panorama  .testoDescrittivo{
	width: 91%;
	float:left;
    font-size: 14px;
}

.panorama .testoDescrittivo span{
	font-size: 11px;
}

/* - cifre chiave - */
.tab {
	border: 0 none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px !important;
	margin: 0;
	padding: 2px;
	width: 100%;
}
.tab td {
	width:31%;
	vertical-align: top;
    border: 2px solid white;
}
.tab td p {
	font-size: 22px;
	font-weight: bold;
	margin: 5px 0px;
	padding: 0;
}
.tab tr td.td0 {
	background-color: transparent !important;
	border:0px;
	padding:0px;
}	
.tab tr td.td1 {
	background-color: #f3f8fb !important;
	color: #0099cc;
}
.tab tr td.td1:hover {
	background-color: #0099cc !important;
	color:#fff;
}
.tab tr td.td1 p {
	color: #0099cc;
}

.tab tr td.td1:hover p, .tab tr td.td2:hover p{
	color:#fff;
}

.tab tr td.td2 {
	background-color: #f4f4f4 !important;
	color:#999
}
.tab tr td.td2:hover {
	background-color: #999 !important;
	color:#fff;
}
.tab tr td.td2 p{
	color:#999
}

.tab td .etichetta{
	font-size:11px;
}

.tab td .titolo{
	font-size:12px;
	margin-top:2px;
	font-weight:bold;
	cursor: default;
}


.tab td.td1 div, 
.tab td.td2 div{
  padding: 5px 10px;
  height: 90px;
}

.tab td.td1 a div{
	color: #0099cc;
}

.tab td.td1 a:hover div{
	color: #fff;
}

.tab td.td1 a:hover div .titolo{
	cursor: pointer;
}


.tab td.td2 a div{
	color: #999;
}

.tab td.td2 a:hover div{
	color: #fff;
}

.tab .td1:hover a,
.tab .td2:hover a
{
	color:#fff;
}


#news{
	border:1px solid #CCC;
	border-top:0px;
}
#news .notizie{
	border-top:1px solid #CCC;
	width: 100%;
	margin-bottom: 0;
}

#news ul
{
    margin: 0px;
}


#news li.notizie
{
    list-style-type: none;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#news li.notizie:hover
{
    background-color: rgb(238, 238, 238);
}

#news .notizie a{
	/*color:#333333;*/
}

#news .notizie p{
	margin: 0 5px 8px;
	padding:0px;
}

#news .evidenza,
#pubblicazioni .evidenza{
	 background: #F3F7FC;
	 padding-bottom: 1px;
}
#news .notizie p.tipo{
	color:#09c;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	padding-top: 5px;
}
#news .notizie p.data{
	font-weight: bold;
	margin:8px 5px 3px;;
	
}

.vediTutto
{
    border-top: 1px solid #ccc;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-top: 10px;
    text-align: right;
}

.vediTutto a{
	background-image: url('../immagini/frecciaDestra.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
}

#panorama{
	margin-top:35px;
	margin-bottom:35px;
}

#tabelle,
#pubblicazioni,
#schede,
#tabelleInterative{
	border:1px solid #CCC;
	border-top:0px;
}

#pubblicazioni ul
{
    margin: 0px;
}

#pubblicazioni li.pubblicazione
{
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
}

#pubblicazioni li.pubblicazione:hover,
#pubblicazioni li.pubblicazione:hover .descrizione,
#pubblicazioni li.pubblicazione:hover .descrizione p,
#pubblicazioni li.pubblicazione:hover .descrizione p a
{
    background-color: rgb(238, 238, 238);
    color: #C33;
}

#definizioni{
	border:1px solid #CCC;
}

#tabelle .tabella,
#pubblicazioni .pubblicazione,
#schede .scheda{
	border-top:1px solid #CCC;
	padding: 3px 3px 5px;
}

#tabelleInterative .tabella{
	border-top:1px solid #CCC;
	padding: 3px 3px 5px 5px;
}

#tabelle .tabella:hover,
#schede .scheda:hover
{
 	color: #C33;
    background-color: #eee;
}

#tabelle .tabella .img,
#pubblicazioni .pubblicazione .img,
#schede .scheda .img{
	width: 10%;
	float:left;
}

#pubblicazioni .pubblicazione .img .infografici{
	width: 41px;
	height: 59px;
	overflow: hidden;
}

#pubblicazioni .pubblicazione .img img,
#schede .scheda .img img{
	width: 41px;
}

#pubblicazioni .pubblicazione .img .infografici img{
	height: 60px;
	width: auto;	
}	

#tabelle .tabella .descrizione,
#pubblicazioni .pubblicazione .descrizione,
#schede .scheda .descrizione{
	width: 88%;
	float:right;
}

#schede ul
{
    margin: 0px;
}

#schede li
{
    list-style-type: none;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#schede li.scheda:hover,
#schede li.scheda:hover .descrizione,
#schede li.scheda:hover .descrizione p,
#schede li.scheda:hover .descrizione p a
{
    color: #C33;
}


#tabelle .tabella .descrizione
{
    color: #333 !important;
}

#tabelle .tabella .descrizione span
{
    color: #369 !important;
}

#tabelle .tabella .descrizione:hover
{
    color: #C33 !important;
}

#tabelle .tabella .descrizione:hover span
{
    color: #C33 !important;
}

#tabelle .tabella .descrizione a,
#pubblicazioni .pubblicazione .descrizione a,
#schede .scheda .descrizione a{
	color:#333333;
}

#tabelle .tabella .descrizione a:hover,
#pubblicazioni .pubblicazione .descrizione a:hover,
#schede .scheda .descrizione a:hover{
	color:#C33;
}

#definizioni ul{
	list-style-type: square;
	padding:5px 20px;
	margin: 0px;
}

#definizioni ul li{
	padding:0px 5px;
    margin-bottom: 0px;
}

#boxCollegamenti{
	margin-top:30px;
	margin-bottom: 30px;
}

#boxCollegamenti .box{
	background: #F3F7FC;
	padding:10px;
	margin-bottom: 5px;
	font-size: 11px;
}



/*MENU*/
p.sottomenu{
	margin-top: 10px;
	margin-bottom: 25px;
}

p.sottomenu a{
	color:#999 !important;
	margin-right: 5px;
	margin-left: 5px;
}

p.sottomenu a:hover{
	text-decoration: none !important;
	color:#C33 !important;
}

p.sottomenu a.attivo{
	font-weight: bold;
	color:#333 !important;
}


/*NEWS*/
#newsTema{
	margin-bottom: 25px;
}
#newsTema .evidenza{
	 background: #F3F7FC;
	 padding:10px;
}

#newsTema .evidenza .vediAgenda{
	border-top: 1px solid #EEE;
	margin-top:10px;
	text-align: right;
	padding-top:5px;
}

#cavalliere li.selezionato{
	border-bottom: 1px solid #FFFFFF;
}

#cavalliere li.selezionato a{
	font-weight: bold;
	color:#c33;
}

#newsTema .notizie p{
	width: 80%;
	float:left;
}
#newsTema .notizie p.tipo{
	color: #09c;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	float: none;
}
#newsTema .notizie p.data{
	font-weight: bold;
	width: 15%;
	float: left;
	margin:0px;
	color: #333333;
	padding-top:0px;
}

#newsTema .infoAggiuntive{
	margin-top:24px;
	margin-bottom:16px;
}

#notizie{
	margin-top: 15px;
}

#notizie ul
{
    margin: 0px;
}

#notizie ul li
{
    list-style-type: none;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#notizie .news{
	border-bottom: 1px solid #ccc;
    font-size: 14px;
}

#notizie .news .data{
	float:left;
	width: 15%;
}

#notizie .news .testo{
	float: left;
	width: 85%;
}

#notizie .news .testo a{
	/*color:#333;*/
}

#notizie ul li.news:hover,
#notizie ul li.news:hover .testo,
#notizie ul li.news:hover .testo a,
#notizie ul li.news:hover .testo a p
{
	color:#c33;
    background-color: rgb(238, 238, 238);
}

#notizie .news .testo p{
	color:#999;
	font-size:12px;
	margin-top: 2px;
}


/*TABELLE DATI*/
#dati,
.dati{
	margin-top:15px;
}

#dati .postIt a i,
.pubblicazioni .postIt a i
{
    color: #ccc;
}

#dati .postIt a:hover, #dati .postIt a:focus,
.pubblicazioni .postIt a:hover, .pubblicazioni .postIt a:focus
{
    background-color: none;
    /*display: block;*/
    outline: none;
}

#dati ul,
.dati ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#dati ul li,
.dati ul li{
	padding:10px 10px;
	margin:0px;
	border-bottom:1px solid #ccc;
}

#dati ul li .img,
.dati ul li .img{
	width: 10%;
	float:left;
}

#dati ul li .descrizione,
.dati ul li .descrizione{
	width: 83%;
	float:left;
}

#dati ul li .descrizione p,
.dati ul li .descrizione p
{
    color: #333 !important;
}

#dati ul li:hover .descrizione p,
.dati ul li:hover .descrizione p
{
    color:#C33 !important;
}

#dati ul li .descrizione a,
.dati ul li .descrizione a{
	color:#333333;
}

.pubblicazioni ul li:hover,
.pubblicazioni ul li .descrizione:hover,
.pubblicazioni ul li .descrizione a:hover,
#dati ul li:hover,
#dati ul li:hover .descrizione,
.dati ul li:hover,
.dati ul li:hover .descrizione,
.dati ul li:hover .descrizione a{
	color:#C33;
	text-decoration: none;
    /*transition: all 0.5s ease 0s;*/
    background-color: rgb(238, 238, 238);
}

#dati ul li .descrizione a span,
.dati ul li .descrizione a span{
	color:#336699;
}


#dati ul li .note,
.dati ul li .note{
	width: 6%;
	float:right;
	text-align: right;
}

#dati ul li .note .postIt{
	text-align: left;
}

#dati.cubi ul li:hover{
	background: none;
	color:#333;
}

#dati.cubi ul li:hover .descrizione{
	background: none;
	color:#333;
}


#dati.cubi ul li:hover .descrizione p{
	color:#333 !important;
}

#dati.cubi ul li .descrizione span{
	font-size: 13px;
	color:#369;
}

#dati.tabelle ul li .descrizione span{
	font-size: 13px;
}

#acquistiSchede{
	border:1px solid #ccc;
	margin-top:40px;
	padding: 10px 10px 10px;
	font-size:12px;
    display: block;
}


#acquisti{
	border:1px solid #ccc;
	margin-top: 40px;
    padding: 10px 10px 10px;
	font-size:12px;
    display: block;
}

#acquisti img{
	float:left;
	margin-right: 10px;
}

.note{
	position: relative;
}

.note .testoPostit{
	position: absolute;
	border:1px solid #f00;
	width: 200px;
	text-align: left;
	padding: 5px;
	background: none repeat scroll 0 0 #FFFFFF;
	left: -210px;
	top: 0;
	display:none;
}

ul.elencoCollane li div .note .testoPostit {
	 left: unset;
	 right: 40px;
}

.pubblElencoPdf li .testo .note{
	float:left;	
}

.pubblElencoPdf li .testo .note .testoPostit{
	left:-220px;
}		

.notePubblicazioni{
	text-align: right;
	position: relative;
	padding-top: 20px;
}
.notePubblicazioni .testoPostit{
	position: absolute;
	border:1px solid #f00;
	width: 200px;
	text-align: left;
	padding: 5px;
	background: none repeat scroll 0 0 #FFFFFF;
	right: 30px;
	top: 0;
	display:none;
}	


/*SCHEDE*/
#schedeTemi{
	margin-top:15px;
}

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

#schedeTemi ul li{
	border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 10px;
}

#schedeTemi ul li .img{
	float: left;
    width: 10%;
}

#schedeTemi ul li .img img{
	width: 40px;
}

#schedeTemi ul li .descrizione{
	float: left;
    width: 82%;	
}
#schedeTemi ul li .descrizione a{
	color:#333333 !important;
}

#schedeTemi ul li:hover,
#schedeTemi ul li:hover .descrizione,
#schedeTemi ul li:hover .descrizione a
{
    color:#c33 !important;
    background-color: rgb(238, 238, 238);
}



/*PUBBLICAZIONI*/
.pubblicazioni{
	margin-top:15px;
}

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

.pubblicazioni ul li{
	border-bottom: 0 !important;
    margin: 0;
    padding: 10px;
}

.pubblicazioni ul.elenco-puntato li
{
    border-bottom: 1px solid #ccc !important;
}

.pubblicazioni ul li .img{
 	float: left;
    width: 10%;
}

.pubblicazioni ul li .img .infografici{
	width: 41px;
	height: 59px;
	overflow: hidden;
}	

.pubblicazioni ul li .imgSchede{
 	float: left;
    width: 10%;
}

.pubblicazioni ul li .img img{
	width: 41px;
	/*height: 60px;*/
}

.pubblicazioni ul li .img .infografici img{
	height: 60px;
	width: auto;	
}	

.pubblicazioni ul li .imgSchede img{
	height: 60px;
}

.pubblicazioni ul li .descrizione{
	float: left;
    width: 83%;	
    color: #333 !important;
}
.pubblicazioni ul li .descrizione a{
	color:#333333 !important;
}

.pubblicazioni ul li .descrizione p
{
	color: #333 !important;
}


.pubblicazioni ul.elenco-puntato li:hover,
.pubblicazioni ul.elenco-puntato li:hover .descrizione a
{
    color: #C33 !important;
}

.pubblicazioni ul li:hover .descrizione,
.pubblicazioni ul li:hover .descrizione a,
.pubblicazioni ul li:hover .descrizione span,
.pubblicazioni ul li:hover .descrizione p,
.pubblicazioni ul li:hover .descrizione p b
{
	color:#c33 !important;
}

#more{
	display: none;
}

/*DEFINIZIONI*/
.glossario{
	margin-top:13px;
}

.glossario ul{
	list-style-type: square;
	/*color:#336699;*/
	margin:0px 0px 0px 20px;
	padding:0px;
}

.glossario ul li{
	padding:3px 5px;
}

   
.definizioni{
	margin-top:25px;
}
.definizioni .glossario,
.dettagliometa .metadato{
	width:60%;
	float:left;
	margin-top:0px;
}

.definizioni .metadati ul li,
.dettagliometa .glossario  ul li {
    margin-bottom: 0px;
    border-bottom: 0px solid;
}

.dettagliometa .metadato h3{
	color:#333;
	margin-top:0px;
}

.definizioni .glossario span,
.dettagliometa .metadato span{
	font-size:16px;
	font-weight: bold;
}

.definizioni .glossario ul{
	margin:10px 0px 0px 20px;
	padding:0px;
	color:#333;
}

.definizioni .glossario ul li a{
	color:#369;
}

.definizioni .metadati,
.dettagliometa .glossario{
	width:36%;
	float:right;
	padding:5px;
	border:1px solid #ccc;
	font-size: 14px;
}

.definizioni .metadati ul{
	list-style-type: none;
	margin:10px 0px 0px;
	padding:0px;
}

.definizioni .metadati ul li{
	margin-left:15px;
}	

.definizioni .metadati ul li.no-list{
	margin-left:0px;
}	

/*.glossario ul{
	list-style-type:square;
}*/

.meta, 
.dettagliometa{
	margin-top:25px;
}
 
.meta ul{
	list-style-type: square;
	/*color:#336699;*/
	margin:0px 0px 0px 20px;
	padding:0px;
}

.meta ul li{
	margin:0px;
	padding:2px 0px;
}

.dettagliometa .glossario ul{
	list-style-type: none;
	margin:0px;
}
	
.glossario ul li{
	padding:4px 0px;
}

    
/*SPAGINA*/
.spagina{
	text-align: right;
	color:#999;
	margin-top:4px;
}

.spagina a{
	color:#999;
}

.spagina a.selezionato{
	font-weight: bold;
}



/****************************************************************/
/*NEWS*/

h2{
	margin-bottom:20px;
}

#newsTema .filtro{
	background: #eee;
	padding:10px;
	margin-top: 25px;
	height: 60px;
}

#newsTema .filtro .anno{
	margin-right: 15px;
    width: 150px;
}

#newsTema .filtro .tema{
	width: 300px;
}

#newsTema .news .testo a{
	/*color:#333;*/
}

#newsTema .news .testo a:hover,
#newsTema .news .testo a:hover p
{
	color:#C33;
}

#newsTema p.data{
	font-size: 14px;
	color: #ccc;
	font-weight: bold;
	margin:15px 0px 10px;
}

#newsTema .data
{
    color: #333;
    font-weight: bold;
    width: 15%;
    padding-top:10px;
}

#newsTema #notizie .data
{
    color: #333;
    font-weight: bold;
    float:left;
    width: 15%;
    padding-top:10px;
}

#newsTema ul li:hover .data
{
    color: #c33;
}

#newsTema .testo{
	float: left;
    width: 85%;
    padding:10px 0px 20px;
}

#newsTema .descrizione{
	margin-top:32px;
}

#newsTema .testo p{
	font-size:12px;
}

#newsTema li.no-list
{
    border-bottom: 0px;
    padding: 0px;
}

#newsTema li.no-list a
{
    padding: 5px 8px;
}

#newsTema img{
	margin-top:8px;
	margin-bottom:8px;
}

#newsTema .allegati{
	margin-top:20px;
	border-top:1px solid #ccc;
	padding-top:15px;
}

#newsTema .allegati ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#newsTema .allegati ul li{
	margin-bottom: 5px;
}

#newsTema .intestazione{
	font-weight: bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 0px;
	color:#999;
	margin-top:30px;
}

#newsTema .agenda{
	border-bottom:1px solid #ccc;
	padding:15px 0px;
}

#newsTema .agenda:hover{
	background: #eee;
}
#newsTema .intestazione:hover{
	background: #fff;
}


#newsTema .agenda .data{
	width: 14%;
	float:left;
	padding:0px 3px;
}

#newsTema .agenda .data span{
	font-size: 11px;
}

#newsTema .agenda .descrizione{
	width: 38%;
	float:left;
	padding:0px 3px;
}

#newsTema .agenda .descrizione p{
	color: #666;
	margin-top: 3px;
}

#newsTema .agenda .tema{
	width: 23%;
	float:left;
	padding:0px 3px;
	color:#999;
	font-size:0.9em;
}
#newsTema .intestazione .tema{
	font-size:1em;
}

#newsTema .agenda .note{
	width: 20%;
	float:left;
	padding:0px 3px;
}

.TabAgenda
{
    margin-top: 30px;
}


/****************************************************************/
/*PRODOTTI*/
.datiDescrittivo{
	margin-bottom:100px;
	margin-top: 20px;
}

.datiDescrittivoSingoli{
	margin-bottom:30px;
	margin-top: 20px;
}

#colContenuto .info{
	margin-top:15px;
}


/*------MENU TENDINA-------*/

fieldset
{
    display:block;
    padding:15px;
    margin:20px auto;
    border:2px solid #999
}

legend { font-weight:700 }


/**
 * Example select element CSS.
**/

/*#tema,
#unfixed-select-css { width:170px }*/

/*#temaPubblicazioni,
#collana{ width:140px; margin-right: 5px; float:left;}



/*#anno{
	margin-right: 5px;
	float:left;
	width: 60px;
}*/

#temaPubblicazioni{
	margin-bottom: 5px;
}

#select-styleable
{
    width:300px;
    padding:5px;
    margin:5px;
    border:5px solid #c00
}

/**
 * Overlay CSS.
**/
.select-overlay { background:#fff }

.select-overlay span
{
    display:block;
    float:left;
    clear:both;
    background:transparent url(bg-ie-select-width.png) no-repeat 0 0
}


/* Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,
.ie7 .select-overlay span
{
    width:18px;
    height:22px;
    background-position:0 -20px
}

.ie6 .select-overlay-hover span,
.ie7 .select-overlay-hover span { background-position:-18px -20px }

.ie6 .select-overlay-active span,
.ie7 .select-overlay-active span { background-position:-18px -20px }


/* Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span
{
    width:18px;
    height:20px;
    background-position:0 0
}

.ie8 .select-overlay-hover span { background-position:-18px 0 }

.ie8 .select-overlay-active span { background-position:-18px 0 }


/* Overlay CSS for Internet Explorer 8 with borders and padding */
#select-styleable-container.ie8 .select-overlay span
{
    width:17px;
    height:20px;
    background-position:-36px 0
}

#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }

#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }

/*------------------------*/



#pubblicazioniProdotti .elencoCollane li .testo a{
	color:#333;
}
#pubblicazioniProdotti .elencoCollane li .testo a:hover{
	color:#C33;
}

ul.elencoGlossario{
	margin:0px;
	padding: 0 15px;
	list-style-type: square;
}

ul.elencoGlossario li{
	padding: 4px 0px;
}

#fonti ul{
	padding:0px 15px;
	margin:0px;
	list-style-type: none;
}

#fonti ul li:first-child h3{
	border-top:0px;
	padding-top:0px;
}

#fonti ul li h3{
	border-top:1px solid #ccc;
	padding-top:10px;
}

#fonti ul li h3{
	color:#000;
}

#fonti ul li p{
	padding:8px 0px 4px;;
}

#fonti ul li ul{
	list-style-type: square;
	color:#369;
	margin: 0 -1px;
}

#fonti ul li ul li{
	padding:4px 0px;
}

#pagineIncluse{
	margin-top:20px;
}

.sceltaLingua{
	border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    color: #ccc;
    line-height: 20px;
    margin-top: 45px;
    text-align: right;
}

.sceltaLingua .attivo{
	color:#c33 !important;
}

.elencoPC{
	margin-top:20px;
}

.elencoPC ul li, .elencoPC ul li ul li
{
    margin-bottom: 0px;
}


#risultati .boxPaddingB10 .col50S div .prodima .attivo{
	color:#c33;
}

#filtroTemi .bootstrap-select{
	width: 49%;
}

#filtroTemi .bootstrap-select:first-of-type{
	/*margin-right: 10px;*/
}

#filtroTemi .bootstrap-select:last-of-type{
	float:right;
	margin-right:10px;
	margin-bottom:0px;
}

#filtroTemi .bootstrap-select:first-of-type{
	margin-right: 10px;
	/*float:left;*/
	
}

#filtroTemi .dati .descrizione
{
    color: #666 !important;
}

.filtroDefinizioni .bootstrap-select:first-of-type{
	float:left !important;
}

.filtroDefinizioni .bootstrap-select:last-of-type{
	margin-right: 3px !important;
    
}



.datiDescrittivoSingoli a{
	background-image: url('../immagini/frecciaDestra.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	background-size: 15px auto;
}

.linkRicercaAvanzata{
	/*float:left;*/
	padding-top:3px;
	padding-left: 5px;
}



.schede .img{
		float:left;
		width:20%;
}

.schede img.immag {
    float: left;
    height: 120px;
    margin-right: 15px;
    width: 90px;
}

.schede .testo{
	float:left;
	width: 70%;
}

.pPrecisa
{
    right: auto;
}

.dataSuRiga
{
    width: 35% !important;
}

#dettaglioComune .Titolo
{
    margin-top: 0px;
}