/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    border:0;
	-webkit-font-smoothing: antialiased;
}

body 
{
	color:#6d6962;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-style:normal;
	line-height:16px;
	font-weight:normal;
	font-variant:normal;
}

div, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, caption, tbody, tfoot, thead, th, p
{
	margin:0;
	padding:0;
    border:0;
}
ul {
    padding: 0;
}

input { font-size:12px; line-height:15px; border:1px solid #929292; }
select { font-size:12px; line-height:15px; border:1px solid #929292; }
textarea { font-size:12px; border:1px solid #929292; }

.separatore1 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:1px; height:1px; overflow:hidden; } 
.separatore2 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:2px; height:2px; overflow:hidden; } 
.separatore3 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:3px; height:3px; overflow:hidden; } 
.separatore4 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:4px; height:4px; overflow:hidden; } 
.separatore5 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:5px; height:5px; overflow:hidden; } 
.separatore6 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:6px; height:6px; overflow:hidden; } 
.separatore7 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:7px; height:7px; overflow:hidden; } 
.separatore8 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:8px; height:8px; overflow:hidden; } 
.separatore9 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:9px; height:9px; overflow:hidden; } 
.separatore10 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:10px; height:10px; overflow:hidden; } 
.separatore15 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:15px; height:15px; overflow:hidden; } 
.separatore20 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:20px; height:20px; overflow:hidden; } 
.separatore25 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:25px; height:25px; overflow:hidden; }
.separatore30 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:30px; height:30px; overflow:hidden; }
.separatore50 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:50px; height:50px; overflow:hidden; }
.separatore100 { font-size:1px; display:block; float:left; width:100%; margin:0; padding:0; line-height:100px; height:100px; overflow:hidden; }

.vspace100 { line-height:100px !important; }
.vspace50 { line-height:50px !important; }
.vspace30 { line-height:30px !important; }
.vspace20 { line-height:20px !important; }
.vspace15 { line-height:15px !important; }
.vspace10 { line-height:10px !important; }

.table { display:table;}
.row { display:table-row; }
.cell { display:table-cell; }

.valignMiddle { vertical-align:middle; }
.valignTop { vertical-align:top; }
.valignBottom { vertical-align:bottom; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignCenter { text-align:center; }

.font10 { font-size:10px; text-decoration:none; line-height:13px; } 
.font11 { font-size:11px; text-decoration:none; line-height:14px; } 
.font12 { font-size:12px; text-decoration:none; line-height:16px; } 
.font13 { font-size:13px; text-decoration:none; line-height:16px; } 
.font14 { font-size:14px; text-decoration:none; line-height:17px; } 
.font15 { font-size:15px; text-decoration:none; line-height:18px; }
.font16 { font-size:18px; text-decoration:none; line-height:19px; }
.font18 { font-size:18px; text-decoration:none; line-height:21px; }
.font20 { font-size:20px; text-decoration:none; line-height:23px; } 

.fontBold { font-weight:bold; } 
.fontItalic { font-style:italic; } 

.underline { text-decoration:underline; }
.notunderline { text-decoration:none; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }
.clear  { clear:both; }

.fontNero { background-color:inherit; color:#000000; }
.fontRosso { background-color:inherit; color:#FF0000; }
.fontBlue { background-color:inherit; color:#0000FF; }
.fontGrigio { background-color:inherit; color:#CCCCCC; }
.fontBianco { background-color:inherit; color:#FFFFFF; }
.fontGiallo { background-color:inherit; color:#FFFF00; }
.fontMarrone { background-color:inherit; color:#824200; }
.fontTurchese { background-color:inherit; color:#00FFFF; }
.fontVerde { background-color:inherit; color:#009900; }
.fontVerdeChiaro { background-color:inherit; color:#acb28f; } 
.fontRossoScuro { background-color:inherit; color:#B11818; }

.colorNero { background-color:#000000; color:inherit; }
.colorRosso { background-color:#FF0000; color:inherit; }
.colorBlue { background-color:#0000FF; color:inherit; }
.colorGrigio { background-color:#CCCCCC; color:inherit; }
.colorBianco { background-color:#FFFFFF; color:inherit; }
.colorGiallo { background-color:#FFFF00; color:inherit; }
.colorMarrone { background-color:#824200; color:inherit; }
.colorTurchese { background-color:#00FFFF; color:inherit; }
.colorVerde { background-color:#009900; color:inherit; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a 
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#6d6962;
	text-decoration:none;
}
a:hover 
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#6d6962;
	text-decoration:underline;
}

.linkgenerico { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:13px; color:#6d6962; text-decoration:none; }
.linkgenerico:hover {font-family: 'PT Sans', sans-serif; font-size:13px; color:#6d6962; text-decoration:underline; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
    border:0;
}

.bordoimg {
	border-bottom:solid 1px #6d6962;
	border-left:solid 1px #6d6962;
	border-right:solid 1px #6d6962;
	border-top:solid 1px #6d6962;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS & TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
    color:#6d6962; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INPUT BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.modulo {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12px; 
	background:#FFFFFF; 
	color:#abb18f; 
	border-bottom:solid 1px #004D91;
	border-left:solid 1px #004D91;
	border-right:solid 1px #004D91;
	border-top:solid 1px #004D91;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	STRUCTURE SITE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.btn-responsive-menu{display: none;float: left;padding:5px;cursor:pointer;margin: 20px 0px 10px 20px;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.icon-bar 			{display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.show{display:block!important}

.fissa {
	position: fixed;
	top: 0px;
	z-index:10001;
}

.flex {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

#toTop {
	background:url('../image/back-top.png') no-repeat;
	width:50px;
	height:50px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	z-index: 999999;
}

.fluid_container {
	margin: 0 auto;
	max-width: 1900px;
	width: 100%;
	float:left;
}

.categorie_prodotti li {
	float: left;
	list-style: none;
	text-align: center;
	text-transform: uppercase;
	width: 250px;
	height:350px;
	margin-bottom: 20px;
	margin-left:25px;
	margin-right:25px;
	position: relative;
}

.categorie_prodotti li:hover {background-color:#CBC2B1;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;transition:background-color 0.5s linear;}

.categorie_prodotti {
	display: block;
}

.categorie_prodotti li h3 {
	height: 200px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	width: 250px;
} 
.categorie_prodotti li h3:hover {
	color:#FFFFFF;
} 

.container_image{width:250px;height:150px;overflow:hidden}


#footer a {
	color:#FFFFFF;
}

.bandierine a {
	color:#000000;
}

.radiusborder {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRINT SITE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media print {
	td {}
	a { text-decoration:underline; }
	.no-print { display:none; }
	.print-only { display:inline;width:500px; }
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RESPONSIVE DESIGN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media (min-width: 1440px) {

	/* Structure > 1440px */
	#wrapper		{width:100%;}
	#header 		{width:100%; margin:0 auto; height:160px; background:url('../image/sfondotop.jpg') no-repeat;} 
	#content 		{width:100%; float:left;}
	#container		{width:900px; margin:0 auto;}
	#footer			{width:100%; float:left; background:#000000;}	
	.menu			{width:600px; float:left; text-align:center;}
	.logo			{padding-top:9px; float:left; width:400px;}
	.logo img		{width:400px;}
	.containerfooter {width:1000px; margin:0 auto;}
	.footerdx, .footersx {
		width:50%;
		float:left;
		color:#FFFFFF;
	}
	.containerfs {
		padding:10px 10px 10px 100px;
	}
	.containerfd {
		padding:10px 10px 10px 50px;
	}
	.containerheader{
		width:1000px;
		margin:0 auto;
	}
	.bandierine {
		padding-left:20px;
		padding-top:10px;
		padding-bottom:5px;
		width:220px;
		text-align:center;
		float:left;
	}
	.bandierine2 {
		padding-left:10px;
		padding-top:10px;
		padding-bottom:5px;
		width:290px;
		text-align:center;
		float:left;
	}
	.annunci_block1 {width:30%; float:left;}
	.annunci_block2 {width:70%; float:left;}
	.marginmenu { margin-left:150px; }
}

@media (min-width: 1280px) and (max-width: 1439px) {

	/* Structure 1280 to 1439 */
	#wrapper		{width:100%;}
	#header 		{width:100%; margin:0 auto; height:160px; background:url('../image/sfondotop.jpg') no-repeat;} 
	#content 		{width:100%; float:left;}
	#container		{width:900px; margin:0 auto;}
	#footer			{width:100%; float:left; background:#000000;}	
	.menu			{width:600px; float:left; text-align:center;}
	.logo			{padding-top:9px; float:left; width:400px;}
	.logo img		{width:400px;}
	.containerfooter {width:1000px; margin:0 auto;}
	.footerdx, .footersx {
		width:50%;
		float:left;
		color:#FFFFFF;
	}
	.containerfs {
		padding:10px 10px 10px 100px;
	}
	.containerfd {
		padding:10px 10px 10px 50px;
	}
	.containerheader{
		width:1000px;
		margin:0 auto;
	}
	.bandierine {
		padding-left:20px;
		padding-top:10px;
		padding-bottom:5px;
		width:340px;
		text-align:center;
		float:left;
	}
	.bandierine2 {
		padding-left:10px;
		padding-top:10px;
		padding-bottom:5px;
		width:190px;
		text-align:center;
		float:left;
	}
	.annunci_block1 {width:30%; float:left;}
	.annunci_block2 {width:70%; float:left;}
	.marginmenu { margin-left:150px; }
}


@media (min-width: 1024px) and (max-width: 1279px) {

	#wrapper		{width:100%;}
	#header 		{width:100%; margin:0 auto; height:160px; background:url('../image/sfondotop.jpg') no-repeat;} 
	#content 		{width:100%; float:left;}
	#container		{width:900px; margin:0 auto;}
	#footer			{width:100%; float:left; background:#000000;}	
	.menu			{width:560px; float:left;}
	.logo			{padding-top:9px; float:left; width:340px;}
	.logo img		{width:340px;}
	.containerfooter {width:1000px; margin:0 auto;}
	.footerdx, .footersx {
		width:50%;
		float:left;
		color:#FFFFFF;
	}
	.containerfs {
		padding:10px 10px 10px 100px;
	}
	.containerfd {
		padding:10px 10px 10px 50px;
	}
	.containerheader{
		width:1000px;
		margin:0 auto;
	}
	.bandierine {
		padding-left:20px;
		padding-top:10px;
		padding-bottom:5px;
		width:320px;
		text-align:center;
		float:left;
	}
	.bandierine2 {
		padding-left:10px;
		padding-top:10px;
		padding-bottom:5px;
		width:190px;
		text-align:center;
		float:left;
	}
	.annunci_block1 {width:30%; float:left;}
	.annunci_block2 {width:70%; float:left;}
	.marginmenu { margin-left:150px; }
}


@media (min-width: 768px) and (max-width: 1023px) {

	/* Structure 768  to 1023 */
	#wrapper		{width:100%;}
	#header 		{width:100%; margin:0 auto; height:160px; background:url('../image/sfondotop.jpg') no-repeat;} 
	#content 		{width:100%; float:left;}
	#container		{width:600px; margin:0 auto;}
	#footer			{width:100%; float:left; background:#000000;}
	#beforefooter	{width:100%; float:left;}
	.menu			{width:400px; float:left;}
	.logo			{padding-top:9px; float:left; width:300px;}
	.logo img		{width:300px;}
	.containerfooter {width:600px; margin:0 auto;}
	.footerdx, .footersx {
		width:50%;
		float:left;
		color:#FFFFFF;
	}
	.containerfs {
		padding:10px 10px 10px 100px;
	}
	.containerfd {
		padding:10px 10px 10px 50px;
	}
	.containerheader{
		width:700px;
		margin:0 auto;
	}
	.bandierine {
		padding-left:20px;
		padding-top:5px;
		padding-bottom:5px;
		width:260px;
		text-align:center;
		float:left;
	}
	.bandierine2 {
		padding-left:10px;
		padding-top:10px;
		padding-bottom:5px;
		width:110px;
		text-align:center;
		float:left;
	}
	.annunci_block1 {width:40%; float:left;}
	.annunci_block2 {width:60%; float:left;}
}


@media (max-width: 767px) {

	#wrapper		{width:100%;}
	#header 		{width:100%; margin:0 auto; height:160px; background:url('../image/sfondotop.jpg') no-repeat;} 
	#content 		{width:100%; float:left;}
	#container		{width:300px; margin:0 auto;}
	#footer			{width:100%; float:left; background:#000000;}
	.logo			{padding-top:9px; float:left; width:200px;}
	.logo img		{width:200px;}	
	.containerfooter {width:300px; margin:0 auto;}
	.footerdx, .footersx {
		width:90%;
		float:left;
		color:#FFFFFF;
	}
	.containerfs {
		padding:10px 10px 10px 10px;
	}
	.containerfd {
		padding:10px 10px 10px 10px;
	}
	.containerheader{
		width:300px;
		margin:0 auto;
	}
	.annunci_block1 {width:100%; float:left;}
	.annunci_block2 {width:100%; float:left;}

	/* Header */
 	.search{display:none;}
	.btn-responsive-menu{display:block;}
	.menu				{display:none;}
	.menu ul li 		{float: none;}	
	.sf-menu			{display:none;}	
	.bandierine {
		float:left;
		padding-left:5px;
		width:200px;
		text-align:center;
	}
	.bandierine2 {
		padding-left:10px;
		padding-top:10px;
		padding-bottom:5px;
		width:190px;
		text-align:center;
		float:left;
	}

}

@media (max-width: 480px) {
	
}