/* copyright 2012/2013  Parallela S.r.l. - Edoardo Panella */
/* zj css version 1.2 */

/* import CSS estensioni e plugin */

.zjLogo			{float: left;}
.zjSiteTitle 	{display: block; float: left; padding: 5px 20px; margin-left: 20px; font-size: 30px; font-weight: 100; border-left: 1px solid #888; color: #aaa;}

.customFeatHome {height: 400px; background-position: center center; font-size: 200px; font-weight: 100; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); color:white; text-align: center;}


/* ##################################  Menù main (Menù sito)  ########################################## */

#zjMainMenu							{ float: right;}
#zjMainMenu ul                		{ position: relative; list-style: none; display:block;}
#zjMainMenu li                 		{ float: left; margin:2px 4px; }
#zjMainMenu a:active           		{ color: #252525; }
#zjMainMenu li a              		{ display: block; padding: 8px 5px 6px 5px; color:#999; text-decoration:none;}
#zjMainMenu li.hover, 
#zjMainMenu li:hover				{ color:white; position: relative; }


/* menù selezionato */

#zjMainMenu li.current a 			{color: #fff;}


/* ##################################  Dimensioni contenitori  ########################################## */



#zgLeftContent 			{ width:220px; float:left;  margin:0; }
#zgRightContent 		{ width:0; float:right;  margin:0; padding: 0; }
#zgMainContent 			{}
.module 				{overflow: hidden;}

/* ##################################  Component Contenuto colonne blog  ########################################## */

.column-1, .column-2, .column-3 {float: left; width: 25%;}


/* ##################################  Component Contenuto colonne elenco articoli  ########################################## */


.filters 				{ background:#efefef; margin: 0; padding: 6px 6px 3px 6px; border: 0; 
						border-bottom: 1px solid #adb2be;position: relative; height: 31px;}
.display-limit			{margin: 6px;}
.display-limit select 	{ margin: 0; float: none;}


/* ##################################  Gestione immagini nei contenitori  ########################################## */


#zgRightContent img		{max-width: 194px; margin: 10px 0;}


/* ##################################  Tab Bar  ########################################## */


#TabBarMenu ul.menu                			{ position: relative; list-style: none; display:block;   margin-left: 189px; }
#TabBarMenu ul.menu li                 		{ float: left; zoom: 1; margin:2px 4px; }
#TabBarMenu ul.menu li .zgFlatButton		{ text-shadow: none;}
#TabBarMenu ul.menu a:active           		{ color: #252525; }
#TabBarMenu ul.menu li a              		{ display: block; padding: 8px 5px 6px 5px; color:#fff; text-decoration:none; text-shadow: 0 -1px 0 #333; font-weight: normal; }
#TabBarMenu ul.menu li:last-child a         { border-right: none; } /* no IE 7 */
#TabBarMenu ul.menu li.hover, 
#TabBarMenu ul.menu li:hover				{ color:white; position: relative; }


/* tab selezionato */

#TabBarMenu ul.menu li.current 			{font-weight:bold; background: white; height:30px; -webkit-border-radius: 3px 3px 0 0; 
									-webkit-box-shadow: 0 -1px 5px #4c4a49; -moz-border-radius: 3px 3px 0 0; -moz-box-shadow: 0 -1px 5px #4c4a49; 
									padding: 0 8px; margin-top: 3px; border: 1px solid #444; border-bottom: 1px solid white; }
#TabBarMenu ul.menu li.current a 			{color: black; padding-top: 7px; text-shadow: none; color: #555; font-weight: bold;}



/* ################################## Left Menu ##################################  */

#zgLeftContent h3 		{ font-size:12px; color:#63767f; font-weight:bold; padding:10px; margin: 0; border-bottom:none; 
					      text-transform:uppercase; text-shadow:0 1px 0 #FFFFFF ; width: 220px;}

.menuLeft  				{ padding-bottom:10px; position: relative;}
.menuLeft li 			{ margin: 0; padding: 0; width: 194px;}
.menuLeft li a			{ padding:4px 4px 5px 30px; color:#000; background-repeat:no-repeat; font-weight: normal; 
						background-position:10px 3px; display: block;}
.menuLeft li a:hover 				{ text-decoration:none; color:#FFF; background-color: #389cce; background-position:10px -21px;}
.menuLeft .zgFlatButton				{background-color: #96afba; font-weight: bold; -webkit-box-shadow: 0 1px 0 #f1f3f5; 
									-moz-box-shadow: 0 1px 0 #f1f3f5; margin-left: 4px;}
.menuLeft li a:hover .zgFlatButton 	{ background: #dbe3e6; -webkit-box-shadow: NONE; -moz-box-shadow: NONE; color:#749bb2; }

.menuLeft li a.zgLabel				{ background-position: 8px -21px; color: white; margin: 3px 3px 0 3px; -webkit-border-radius: 3px; 
									-moz-border-radius: 3px; }


/* ##################################  Component Contenuto articoli testata  ########################################## */


.article-info-term {padding-bottom: 5px; border-bottom: 1px dotted #ccc;}

/* ##################################  Component Contenuto articoli introduzione  ########################################## */

#zgMainContent					{background: #fff;}

#zgMainContent .blog-featured 	{padding: 0;}
#zgMainContent .item 			{padding: 20px;}
#zgMainContent .item H2 		{margin: 10px 0; font-weight: 300; font-size: 24px;}
#zgMainContent .item H2 a		{font-weight: 300; color: #000;}
#zgMainContent .actions			{float: right; list-style-type: none;}
#zgMainContent .actions li		{float: left; margin-left: 10px;}	

/* ##################################  Component Contenuto articoli interni  ########################################## */

#zgMainContent .item-page		{padding: 20px}
#zgMainContent .item-page H2 	{margin: 10px 0; font-weight: 300; font-size: 24px;}
#zgMainContent .item-page H2 a	{font-weight: 300; color: #000;}

/* icone personalizzate */

.print-icon img, .email-icon img {display: none;}
.print-icon a , .email-icon a {width: 16px; height: 16px; display: block;}
.print-icon a , .email-icon a {width: 16px; height: 16px;}

.print-icon a {background-image: url(../icons/zgIconPrint.png);}
.email-icon a {background-image: url(../icons/zgIconMailClose.png);}
 
 
/* ##################################           breadcrumb          ################################## */


#zgMainContent .breadcrumbs 	{padding: 20px 10px; border-bottom: 1px solid #ccc;}

/* ##################################           paginazione          ################################## */

.pagination 				{margin: 20px; overflow: hidden; padding: 5px 0; clear:both}
.counter					{padding: 6px 2px; border-bottom: 1px solid #ccc; margin: 6px 0;}
.pagination li a			{padding: 2px 6px; color: #ffffff; font-size: 12px; margin: 0; background-color: #adb0b7; 
							-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination li  			{padding: 2px 3px; float: left; font-size: 12px; color: #666; font-weight: bold; margin-bottom: 3px; }
.pagination li a:hover 		{text-decoration: none; background-color: #389cce;}
.pagination .zgIconArrowRight	,.zgPaging .zgIconArrowLeft	{background-position: 2px -22px; padding: 2px 10px;}
.pagination li a.zgDisabled{opacity: 0.3;}

.pagenav					{padding: 20px; border-top: 1px dotted #ccc;}	



/* ##################################           ricerca       ###################################*/


fieldset {border: none; padding: 10px;}
#zgMainContent .search input {float: left;}
#zgMainContent .search h1, #zgMainContent .search .searchintro {padding: 10px; border-bottom: 1px solid #ccc;}

#zgMainContent .search label 		{display: block; float: left; margin: 0; padding: 0 10px;}
#zgMainContent .search legend 		{padding: 10px 0;}
#zgMainContent .search.counter 		{clear: both; padding: 10px 0;}
#zgMainContent .search select 		{padding:0 5px; margin: 0;}
#zgMainContent .search .form-limit	{padding: 10px 0;}

#zgMainContent .search-results		{padding: 20px;}
#zgMainContent .result-title		{padding: 10px 0}
#zgMainContent .highlight			{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #74b9e1; color: white; font-weight: 400;}

			


/* ##################################           Footer          ################################## */


#zgFooter {position: relative; overflow:hidden; min-height: 100px; margin:0; background: #333; color: #fff;  padding: 20px;}