/* layout.ccs: joomla basic styles */
/* specific joomla code */


h1.heading {text-align:center;}

/* ---------------------------------------------- article details */
.article-info {
	clear: both;
	font-size: 0.7em;
	display: flex; 
	flex: 1 0 10em;
	flex-wrap: wrap;
	
}

.article-info > div {
	margin:0 5px;
	display:inline;
}
.page-header {
	border-bottom: inherit;
	margin: inherit;
	padding-bottom: inherit;
	}


.content_rating {
	margin-top:5px;
	color:#666;
}
.article-info-term {
	display:none
}
.category-desc {
	color: #666;
	font-size:1.1em;
	position:relative;
}
.category-desc  .descimg{
	max-width:100%;
	width:40%;
	float:left;
	margin-right:10px;
}
.cat-children {
	width:100%;
	float:left;
}
div.cat-children div.category-desc {
	background:none;
	padding:0;
}
div.cat-children ul {
	margin:0;
	padding:0;
	list-style:none;
}	
div.cat-children ul li {
	float:left;
	padding:5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:5px;
}		
.display-limit, .filter-search {float:left;}
.cat-items {
	margin:10px 0;
}
ul.relateditems {
	padding:10px 0;
	list-style-position:inside !important;
	margin:0 !important;
}
ul.relateditems li {
	padding:0 5px;
	font-size:0.8em;
	line-height:1.2em;
	border-right:solid #ccc 1px;
	font-stretch:ultra-condensed;
	list-style:none;
	display:inline-block;
	
}
ul.relateditems li h4{
	font-weight:normal;
	margin:0;
}
/* -------------------- modulo */

.modulo {
	background-color: rgba(256, 256, 256, 0.1);
	padding:2rem;
	margin-bottom:5px;

}
.modulo .pad {
	width:100%;
}

/* -------------------- modulo END*/

/* -------------------- article details END */

/* -------------------- TAGS BLOCK */
.tags .label-info {
	background:#ccc;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.6em; 
	color:#fff;	 
	text-shadow: none !important;
	filter: none !important;
	font-weight:normal !important;
	padding:5px;
}
/* -------------------- TAGS BLOCK END */

/* -------------------- tags component */
.taglist img {
	float:left;
	width:20%;
	height:auto;
	margin:0 5px 0 0;
}
.taglist .taglist-item {
	float:left;
}

.tags li {
	padding:0 !important;
	display:inline;
}
.tags {
	margin-bottom:10px;
	list-style:none !important;
	background:none  !important;
	padding:0 !important;

}/* -------------------- tags component END */
/* -------------------- tags module popular */
.tagspopular ul, .tagssimilar ul {
	padding:5px;
}
.tagspopular li, .tagssimilar ul li {
	list-style:none;
	float:left;
	background:#666;
	color:#fff;
	font-size:0.9em;
	font-style:italic;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	margin:2px;
}
.tagspopular li:hover, .tagssimilar ul li:hover{
	background:#333;
}
.tagspopular li a, .tagssimilar li a{
	color:#fff;
	display:block;
	width:100%;
	height:100%;
}
/* -------------------- tags module popular END */
/* -------------------- rssfeed module */
.newsfeed {
	list-style:none; 
}
/* -------------------- rssfeed module END */
/* -------------------- module category, modeule latest news  */
ul.category, ul.categories-module, ul.category-module, ul.latestnews, ul.archive-module, ul.menu {
	list-style: none outside none !important;
	margin: 0 !important;
	padding: 0 !important;
}
ul.category ul, ul.categories-module ul,  ul.category-module ul, ul.latestnews ul, ul.archive-module ul, ul.menu ul {
	list-style: none outside none !important;
}
ul.category li, ul.categories-module li,  ul.category-module li, ul.latestnews li, ul.archive-module li, ul.menu li {
	margin-bottom:1px;
	border:none;
}
ul.categories-module li a, ul.category-module li a,  ul.latestnews li a, ul.archive-module li a {
	background-color: inherit;
	color:#fff;
	display: block;
	font-size: 1.1em;
	line-height: 2em;
	padding: 0 10px;
	text-decoration: none;
}
ul.category li ul a, ul.categories-module li ul a, ul.category-module li ul a,  ul.latestnews li ul a, ul.archive-module li ul a, ul.menu li ul a {
	font-size: 0.9em;
	padding: 0 30px;
}
ul.category li a:hover, ul.categories-module li a:hover,  ul.category-module li a:hover,  ul.latestnews li a:hover, ul.archive-module li a:hover, ul.menu li a:hover {
	color: #fff;
	/*background-color: rgba(255, 255, 255, 0.7);*/
}
/* -------------------- module category, module latest news END */
/* -------------------- module menu sidebar  */
 
 ul.sidemenu {
	list-style: none outside none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align:center;

}
 ul.sidemenu ul {
	list-style: none outside none !important;
}
 ul.sidemenu li {
	float: left;
	width: 100%;
	margin-bottom:1px;

}
 ul.sidemenu li a {
	display: block;
	font-size: 1.1em;
	line-height: 2em;
	padding: 0 10px;
	text-decoration: none;
	background:#ccc;
	color:#fff;
}
 ul.sidemenu li ul a {
	font-size: 0.9em;
	padding: 0 30px;
}
 ul.sidemenu li a:hover {
	color: #FFFFFF;
}

/* -------------------- module menu sidebar END */
/* -------------------- module menu sidebar  */
.latestnews li {
	list-style:none;

}
/* -------------------- module menu sidebar END  */

/* -------------------- filtro di ricerca nell'archivio categorie */
.filter-search {
	clear:both;
	background:#ccc !important;
	border:none !important;
}
.filter-search #month, .filter-search #year, .filter-search #limit {
	width:100px;
}
/* -------------------- filtro di ricerca nell'archivio categorie END*/
/* -------------------- contacts */
.panel {
	background:#fff;
	margin:5px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
}
.panel h3 {
	
}
.contact-image {
	float:left;
	margin:5px;
}
.contact-form  fieldset {
	width:60%;
	margin:0 auto;
}
/* ---------------------------------------------- contacts END */
/* ---------------------------------------------- module weblinks */
.weblinks li a {
	font-weight:bold;
}
.weblinks li p {
	font-size:0.8em;
	font-style:italic;
}
/* ---------------------------------------------- module weblinks END */
/* ---------------------------------------------- pagination  */
.counter {text-align:center;}

ul.pagination {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content: center;
	-webkit-justify-content: center;
	list-style:none;
	margin-top:5vh;
	clear:both;
	width: 100%;
	float: left;
}
ul.pagination li {
	padding:2vh;
	background:#ccc;
	margin-right:1px;
}
ul.pagination li:last-child {
	margin-right:0; 
}

/* ---------------------------------------------- BLOG layout  */

.flexcont>div {
	float:left;
	padding: 1vw;
	} 

.item {
	padding:1vw;
	float:left;
	box-sizing: border-box;	
	}

.cols-1 {
	width:100%;
}
.cols-1, .item.leading {
	width:100%;

}
.cols-2 {
	width:50%;

}
.cols-3 {
	width:33.3%;
}
.cols-4 {
	width:25%;

}
.cols-5 {
	width:20%;

}
.cols-6 {
	width:16.5%;

}
body.xs div[class*="cols-"], body.sm div[class*="cols-"] {
	width:100%;
}

.item-page {
	position:relative;
	padding:0 5px;
}
.items-row {
	margin-bottom:0 !important;
}
.blog-more {
	padding:10px 5px;
	
}
.items-more {
	float:left;
	clear:both;
	width:100%;
}

.mod-languages {
	width:100%;
}
.mod-languages img {
	width:30px;
	max-width:30px;
	height:auto;
	margin:5px;
}

nav#menu div.mod-languages ul li {width:auto !important;}
.row-separator {
	clear:both;
}


.pull-left {
	margin-right:1vw;
}
.item-image {
	width:50%;
}
.item-image img {
	width:100%;
}

figure, figcaption {
	margin:0;
	padding:0;
}
/* ---------------------------------------------- BLOG layout END */

/* ---------------------------------------------- ARTICLE LAYOUT */
#content article {
	padding:1vh;
}

.img-fulltext, .img-fulltext.none {
	width:100%;
	position:relative;
	margin-bottom:3vw;
	position:relative;
}
.img-fulltext.left {
	float:left;
	position:relative;
	width:40vw;
	max-width:300px;
	margin-right:3vw;
	margin-bottom:3vw;
}
.img-fulltext.right {
	float:right;
	position:relative;
	width:40vw;
	max-width:300px;
	margin-left: 3vw;
	margin-bottom: 3vw;
}
.img-fulltext.none img {
	width:100%; height:auto;
}
.img-fulltext.left img {
	width:100%; height:auto;
}
.img-fulltext.right img {
	width:100%; height:auto;
}

/* ---------------------------------------------- ARTICLE LAYOUT END */
/* ---------------------------------------------- IMAGE CAPTION IN BLOG AND ARTICLE */

.img-intro figcaption, .img-fulltext figcaption {
	width:100%;
	padding:5px;
	box-sizing: border-box;
	position:absolute;
	bottom:0;
	left:0;
	background-color: rgba(256, 256, 256, 0.5);
	font-size:0.8em;
	font-style:italic;
	
}
/* ---------------------------------------------- Image caption in blog and article END */

/* ---------------------------------------------- Breadcrumb */
.breadcrumb {
	list-style: none;
	padding:0 10px;
	margin:0 !important;
	background:none;
}
.breadcrumb li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.breadcrumb .divider {
	padding: 0 5px;
	font-family: 'IcoMoon';
	font-style:normal;
}
/* ---------------------------------------------- Breadcrumb END */

/* ---------------------------------------------- contact */
	
.list-title {
	font-weight:bold;
	}
/* ---------------------------------------------- contact END */
/* ---------------------------------------------- search page */

#searchForm label {float:left; width:auto !important;}

/* ---------------------------------------------- search page END */



/* ------------------------------------------- social links END */ 

/* ------------------------------------------- pager */
ul.pager, .content-links ul{
	padding:0 !important;
	background:none !important;
	list-style:none;
	display: flex;
	justify-content:space-around;
	margin:40px 0;
}
/* ------------------------------------------- pager END */

/* ------------------------------------------- OFFLINE */
body.offline {
	text-align:center;
}
body.offline #container {
	box-sizing: border-box;	
	padding:5vw;
	width:70%;
	zoom:100%;
	margin:0 auto;
	background-color: rgba(255, 255, 255, 0.6);

}
/* ------------------------------------------- OFFLINE END*/