/*------------------------------------
 @container
 
 i box container determinano il 
 comportamento dei blocchi interni
 ovvero aggiungendo delle proprietà
 posso stabilire come devono 
 presentarsi i box-content interni
------------------------------------*/

/*------------------------
utils
------------------------*/
img {border:none;display:block;margin:0;}
.clear {display:block;clear:both;font-size:0;height:0;line-height:0;margin:0}
.hide {display:none}
.separator {display:block;font-size:0;height:1px;line-height:0;width:1px;vertical-align:middle}

/*--------------------
div container
--------------------*/

.container {margin:0;padding:0;position:relative;}

.h-box .list {
	padding:0 5px;
	margin:10px 0;
}

/*--------------------------
.box in blocchi 
orizzontali quando 
figlio di .h-box
----------------------------*/

.h-box .box {
min-width:174px;
width:auto;
*width:174px;
float:left;
}

.h-box .separator {
float:left;
}

* html .h-box .separator {
height:1px;
}

/*--------------------------
contenuti di .box in 
blocchi orizzontali quando  
figlio di .h-box-element
----------------------------*/
.h-box-element .box {
	max-width:195px;
	width:auto;
	*width:168px;
	padding:8px 0;
	height: 66px;
}

.h-box.h-box-element .box {
	min-width:155px;
	max-width:155px;
	min-height:70px;
	height:auto !important;
	height:70px;
}

.h-box-element .thumb {
	float:left;
	margin-right:5px;
	padding:0
}

.h-box-element .thumb a {
	min-width:56px;
	max-width:70px;
	width:auto !important;
	width:56px;
	/*height:56px;
	border:1px solid #DFDFDF*/
}

.column .h-box-element .thumb a {
	border:none;
}

.h-box-element .detail {
	margin:0;
	/*float:left;*/
}

/* --------------------
 * BLOG CONTAINER
 * ------------------*/
.h-box-element.blog_container .box {
max-width:100%;
}
.h-box-element.blog_container .thumb a {
max-width:200px;
}

/*---------------------
tiny box
--------------------*/
.tiny .thumb a {
	width:auto;
}

/*--------------------------------------
box messages per status update
---------------------------------------*/
.messages .box {

}

.messages .thumb a {
width:auto;
}

/*------------------------------------
gallery - visualizza solo le foto
------------------------------------*/
.h-box.gallery .box{
	max-width:70px;
	min-width:56px;
	width:auto;
	*width:56px;
	height:auto;
	padding:0;
}

.h-box.gallery .thumb {padding:0}

.gallery .detail {
	display:none;
}

.h-box.gallery .separator {
	width:8px;
	height: 10px
}

/*-----------------------
 * editorial
-----------------------*/
.editorial .box {
	padding-left:10px;
	padding-right: 10px;
}

.editorial .box img {
	float: right;
}

.editorial .box p {
	margin:0 0 5px 0;
	line-height:150%;
}