/* RESET STYLES */
/*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }*/
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
div { position:relative } 
/* END RESET STYLES */


/*html{-webkit-font-smoothing:antialiased;}
body{background:#f5f5f5 url("../images/bkg-pat.png") repeat scroll 0 0;font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";color:#a5a5a5;}*/
body{
	font:	20px;
}
a{
	text-decoration:none;
}
h2{
	margin:	5px 0px 5px 0px;
	font-family: 'Josefin Sans', sans-serif;
}

a:hover{
	/*text-decoration:underline;*/
}

.column-clear{
	clear:		both;
}

/*.wrapper{
	margin:		0px auto; 
	padding:	0px;
	width:		1080px;
}*/

.portfolio-content/*, .portfolio-area*/{
	width:		1080px;
	min-height:	400px;
	height:		auto;
}

.title-page{
	font-size:	40px;
	margin:		50px 0px 60px 0px;
	color:		#151515;
}

.goto{
	float:		right;
	width:		130px;
	margin:		-80px 30px 0px 0px;
}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{
	/*margin-bottom:30px;*/
	margin: 	0px 20px 0px 0px;
	/**/width:		22%;
	display:	inline;
	float:		left;
	padding-left:	0px;
}

.portfolio-categ a{
	display:	inline-block;
}

.portfolio-categ li{
	/*display:		inline;
	line-height:	40px;
	margin-right:	10px;*/
	padding:		3px;
	/*border: 		1px solid #999999;*/
	box-shadow:		1px 1px #23A3D7;
	margin:			5px;
	/*border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
}

.portfolio-categ li:hover{
	padding:		3px;
	background-color:	rgba(35,163,215, 0.2);
	margin:			5px;
	/*border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
}

/*.portfolio-categ li:active, .portfolio-categ li:selected{
	padding:		3px;
	background-color:	rgba(213,213,213, 0.2);
	margin:			5px;
	border-radius: 	1px;
}*/

.image-block{
	display:		block;
	position: 		relative;
	height:			140px;
	text-align:		center;
	margin-bottom:	0px;
}

.image-block img{
	margin:			auto;
	margin-bottom:	0px;
	width:			auto;
	max-width:		225px;
	max-height:		140px;
}

.image-block img:hover{
	width:			auto;
	max-width:		229px;
	max-height:		144px;
}

.portfolio-area{
	width:		75%;
	display:	inline;
	float:		right;
	padding-left:	0px;
	margin-left:	0px;
	text-align:		center;
}

.portfolio-area ul{
	
}

.portfolio-area li{
	float: 			left;
	margin: 		0 12px 20px 0;
	overflow: 		hidden;
	width: 			245px;
	padding:		5px;
	border: 		1px solid #d5d5d5;
	border-radius: 	1px;
	background:		#FFFFFF;
}

.portfolio-area li:hover{
	border: 		1px solid #999999/*#A9CF54*/;
	box-shadow:		0 0 5px #999999/*#A9CF54*/;
}

.occasioni_frst{
	height:			150px;
	display:		block;
}

.occasioni_frst img{
	float:			left;
}


.offerta{
	display:		inline-block;
	float:      	right;
	padding:		3px 5px 3px 5px;
	background-color:	rgba(35,163,215, 0.2);
	border-radius:	2px;
	box-shadow:		1px 1px -1px -1px 0px #999999;
}

ul.portfolio-area-realizzazioni, ul.portfolio-area-occasioni, ul.portfolio-area-prontaconsegna{
	display:	inline;
	float:		right;
	padding-left:	0px;
	margin-left:	0px;
	width:100%;
}

.portfolio-area-realizzazioni li{
	float: 			left;
	display:		inline-block;
	/*margin: 		10px;*/
	overflow: 		hidden;
	width: 			340px;
	box-shadow:		-1px -1px 0px #efefef inset, 1px 1px 0px #efefef inset;
	height:			290px;
	text-align:		center;margin:			10px 2px 10px 2px;
}

.portfolio-area-realizzazioni li div{
	float: 			left;
	display:		inline-block;
	margin: 		10px;
	overflow: 		hidden;
	width: 			340px;
	text-align:		center;
}

.image-block-rni{
	display:		block;
	position: 		relative;
	width:			320px;
	height:			290px;
	text-align:		center;
}

.image-block-rni img{
	width:			auto;
	max-width:		320px;
	max-height:		240px;
	
}

.image-block-rni img:hover{
	width:			auto;
	max-width:		322px;
	max-height:		242px;
}

.portfolio-area-realizzazioni h2{
	font-family: 	'Josefin Sans', sans-serif;
	line-height:	30px;
	background: 	#efefef;
	
	display:		block;
	text-align:		center;
}

.portfolio-area-realizzazioni span{
	display:		inline-block;
	float:			left;
	text-align:		center;
}

.realizzazioni-text{
	display:		inline-block;
	font-family: 	'Josefin Sans', sans-serif;
	float:			left;
}

.portfolio-area-occasioni li{
	float: 			left;
	margin: 		15px;
	overflow: 		hidden;
	width: 			500px;
	height:			320px;
	padding:		2px;
	/*border-top: 	30px solid #efefef;*/
	box-shadow:		-1px -1px 0px #efefef inset, 1px 1px 0px #efefef inset;
	/*height:			250px;*/
}
.portfolio-area-occasioni h2{
	font-family: 'Josefin Sans', sans-serif;
	line-height:	30px;
	background: 	#efefef;
	margin-top:		0px;
}

.portfolio-area-occasioni img{
	display:		inline-block;
	float: 			left;
	/*border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
	background:		#FFFFFF;
	padding:		6px;
	margin:			auto;
	width:			auto;
	max-width:		260px;
	max-height:		200px;
}

.portfolio-area-prontaconsegna li{
	float: 			left;
	margin: 		0 0 20px 0;
	overflow: 		hidden;
	width: 			1070px;
	padding:		5px;
	/*border-top: 	30px solid #efefef;*/
	box-shadow:		-1px -1px 0px #efefef inset, 1px 1px 0px #efefef inset;
	/*height:			250px;*/
}

.portfolio-area-prontaconsegna h2{
	font-family: 'Josefin Sans', sans-serif;
	line-height:	30px;
	background: 	#efefef;
	margin-top:		0px;
}
.portfolio-area-prontaconsegna h3{
	font-family: 'Josefin Sans', sans-serif;
	line-height:	30px;
	/*font-size:  	0.8em;
	background: 	#efefef;*/
	margin:		20px 0px;
	text-align:	right;
}
.prontaconsegna img{
	display:		inline-block;
	/*border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
	background:		#FFFFFF;
	padding:		10px;
	margin:			auto;
	width:			auto;
	max-width:		225px;
	max-height:			140px;
}
.align_tab{
	color:			#3399cc;
}
.align_tab td{
	text-align:		center;
}
.pronuodx{
	text-align:		right;
	padding-right:	5px;
}
.prontaconsegna-img{
	display:		inline-block;
	float:			left;
	width:			280px;
	text-align:		center;
}
.prontaconsegna-text{
	display:		inline-block;
	float:			left;
	font-family: 'Josefin Sans', sans-serif;
	max-width:			700px;
	height:			auto;
}
.prontaconsegna-table{
	margin:			20px 10px;
}

@media screen and (max-width: 480px) {
.portfolio-content/*, .portfolio-area*/{
	width:		100%;
	min-height:	400px;
	height:		auto;
}
.portfolio-area-prontaconsegna li{
	float: 			left;
	margin: 		5px;
	overflow: 		hidden;
	text-align:		center;
	width: 			96%;
	padding:		2px;
	/*border-top: 	30px solid #efefef;*/
	box-shadow:		-1px -1px 0px #efefef inset, 1px 1px 0px #efefef inset;
	/*height:			250px;*/
}
.prontaconsegna-img{
	display:		inline-block;
	float:			left;
	width:			100%;
	text-align:		center;
}
.prontaconsegna-text{
	display:		inline-block;
	float:			left;
	font-family: 'Josefin Sans', sans-serif;
	/*max-width:		100%;*/
	width:			100%;
	height:			auto;
}
.portfolio-area-prontaconsegna h3{
	font-family: 'Josefin Sans', sans-serif;
	line-height:	20px;
	font-size:  	0.8em;
	/*background: 	#efefef;*/
	margin:		5px 0px;
	text-align:	right;
}
.prontaconsegna-table{
	margin:			0px;
}
.portfolio-area-occasioni li{
	float: 			left;
	margin: 		5px;
	overflow: 		hidden;
	text-align:		center;
	width: 			96%;
	height:			auto;
	padding:		2px;
	/*border-top: 	30px solid #efefef;*/
	box-shadow:		-1px -1px 0px #efefef inset, 1px 1px 0px #efefef inset;
	/*height:			250px;*/
}
.portfolio-area-occasioni img{
	display:		inline-block;
	float: 			left;
	/*border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
	background:		#FFFFFF;
	padding:		6px;
	margin:			auto;
	width:			auto;
	max-width:		20%;
	max-height:		100px;
}
.portfolio-categ{
	/*margin-bottom:30px;*/
	margin: 	0px;
	/**/width:		auto;
	display:	inline;
	float:		left;
	padding-left:	0px;
}
.portfolio-categ li{
	float: 			left;
	display:	inline;
	margin: 		2px;
	overflow: 		hidden;
	text-align:		center;
	width: 			auto;
	height:			auto;
	padding:		1px;
	box-shadow:		1px 1px #23A3D7;
	/*margin:			5px;
	border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
	font-size:     	11px;
}
.portfolio-categ li:hover{
	float: 			left;
	display:	inline;
	margin: 		2px;
	overflow: 		hidden;
	text-align:		center;
	width: 			auto;
	height:			auto;
	padding:		1px;
	box-shadow:		1px 1px #23A3D7;
	/*margin:			5px;
	border: 		1px solid #d5d5d5;*/
	border-radius: 	1px;
	font-size:     	11px;
	background-color:	rgba(35,163,215, 0.2);
	border-radius: 	1px;
}
.portfolio-area{
	/*width:		75%;
	display:	inline;
	float:		right;*/
	margin: 		5px;
	overflow: 		hidden;
	text-align:		center;
	width: 			96%;
	height:			auto;
	padding:		2px;
	/*padding-left:	0px;
	margin-left:	0px;
	text-align:		center;*/
}
.portfolio-area li{
	float: 			left;
	margin: 		2px;
	overflow: 		hidden;
	width: 			96%;
	text-align:		center;
	padding:		5px;
	border: 		1px solid #d5d5d5;
	border-radius: 	1px;
	background:		#FFFFFF;
}
}

.occasioni-text{
	display:		inline-block;
	float:			left;
	font-family: 'Josefin Sans', sans-serif;
	max-width:		200px;
}

.occasioni-text div, .occasioni-dett div{
	padding:	8px 4px;
}

.occasioni-dett{
	font-family: 'Josefin Sans', sans-serif;
	display:		block;
	float:			left;
	width:			100%;
}


.home-portfolio-text{
	/*margin-top:		10px;*/
font-family: 'Josefin Sans', sans-serif;
	/*font-size:			1em;*/
}

.post-title-portfolio{
	font-size:			1em;
	font-weight:		700;
}

li.active a{ 
	text-decoration:underline;
}



/**** END PORTFOLIO STYLES*****/