@charset "UTF-8";



/* ----------------- Reset all styles ----------------- */
*{
	margin:0;
	padding:0;
	border:0;
}

/* ----------------- Website background and general text colour ----------------- */
body{
	background-image:url(../images/backgroundtexture.png);
	background-color:#f9f9f9;
	color:#7E7E7E;
	font-family:Lato, Helvetica, Arial, sans-serif;
}



/* ----------------- Wrapper - keeps all content in the center of page -----------------  */
.wrapper{
	margin:auto;
	width:80%;
	height:auto;
}


/* The rest is pretty self explanatory - it appears in the order that it occurs on the HTML document */
#top{
	height:20px;
}

#logo{
	margin-top:1%;
	text-decoration:none;
}

#logoimage{
	width:27px;
	padding-right:10px;
	float:left;
}

#logotitle{
	float:left;
	font-family:Cookie, Helvetica, sans-serif;
	font-weight:normal;
	font-size:180%;
	text-shadow: 0 1px 1px #FFF;
	color:#7E7E7E;
}

#logotitle a{
	color:#7E7E7E;
	text-decoration:none;
}

nav{
	float:right;
	width:400px;
	display:block;
	height:40px;
}

nav ul li{
	display:block;
	width:25%;
	float:left;
	text-align:center;	
}

nav ul li a{
	font-family:Lato, Helvetica, Arial, sans-serif;
	width:80%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	line-height:250%;
	display:block;
	color:#7E7E7E;
}

nav ul li a:hover{
	color:#c1c1c1;
}

nav ul li p{
	font-family:Lato, Helvetica, Arial, sans-serif;
	width:80%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	line-height:250%;
	display:block;
	color:#7E7E7E;
}

hr{
	height:1px;
	width:100%;
	color: #d5d5d5;
	background-color: #d5d5d5;
	margin:2% 0;
}

header{
	width:100%;
	margin:3% 0 3% 0;
}

header h1{
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:140%;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:1%;
}

header h1 span{
	color:#ff0000;
	text-shadow: 0 1px 1px #dadada;
}

header h2{
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:100%;
	font-weight:normal;
}
	
#slideshow_top{
	width:100%;
	margin-top:2%;
}


/* - - - - - - - - - - - - - - -  Slider START  - - - - - - - - - - - - - - - */

.html_carousel {
}
.html_carousel div.slide {
	position: relative;
}	
.html_carousel div.slide img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 1px 1px #c1c1c1;
    -moz-box-shadow: 0 1px 1px #c1c1c1;
    box-shadow: 0 1px 1px #c1c1c1;
	border-radius:15px;
}

.clearfix {
	float: none;
	clear: both;
}

/* - - - - - - - - - - - - - - -  Slider END  - - - - - - - - - - - - - - - */

.center{
	margin-top:2%;
	width:100%;
	margin-bottom:1%;
}
.center h3{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:normal;
	text-align:center;
	color:#ff0000;
	margin-bottom:1%;
	text-shadow: 0 1px 1px #dadada;
}

.left{
	margin-top:2%;
	width:48%;
	float:left;
	margin-bottom:2%;
	font-family:Lato, Arial, Helvetica, sans-serif;
}

.left h3{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:normal;
	text-align:center;
	color:#ff0000;
	margin-bottom:2%;
	text-shadow: 0 1px 1px #dadada;
}

.left p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:94%;
	line-height:180%;
}

.left p a{
	color:#ff0000;
	text-decoration:none;
}

.left input { 

	padding: 2px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	background-color:rgba(255,255,255,1);
	color:#7E7E7E;
	margin-bottom:5px;
	
	}
	

/* ----------------------- WORK LINKS START ------------------------- */
#work{
	width:1000px;
	margin:2% auto 2% auto;
}

.item{
	border-radius:15px;
	width:180px;
	height:185px;
	background-color:#FFF;
	margin:5px;
	float:left;
	-webkit-box-shadow: 0 1px 3px #c3c3c3;
    -moz-box-shadow: 0 1px 3px #c3c3c3;
    box-shadow: 0 1px 3px #c3c3c3;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

.item:hover{
	-webkit-box-shadow: 0 0 8px #808080, 0 0 8px #808080;
    -moz-box-shadow: 0 0 8px #808080,  0 0 8px #808080;
    box-shadow: 0 0 8px #808080,  0 0 8px #808080; 
}
	

.item img{
	display:block;
	width:100%;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
	border-radius:15px 15px 0 0;
	opacity:0.8;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	
}

.item img:hover{
	opacity:1;
}


.item h3{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:105%;
	font-weight:normal;
	padding:12px 0 0 8px;
	color:#7E7E7E;
	text-decoration:none;
}

.item h3 a{
	text-decoration:none;
	color:#7E7E7E;
}

.item p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:normal;
	padding:0 0 0 8px;
	color:#ff0000;
	text-decoration:none;
}

#footerbottom{
	background-color:#bc0000;
	width:100%;
	box-shadow:0px -1px 5px #d0cfcf;
	margin-top:100px;
	min-height:46px;
	left: 0px;
	bottom: 0px;
}

#copyright{
	width:50%;
	float:left;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#ffffff;
	padding:16px;
	line-height:15px;
	font-weight:bold;
	
}

#copyright a, #copyright a:visited,#copyright a:hover{
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#ffffff;
}

.footerwrap{
	float:none;
	margin:0px auto 0px auto;
}

.icon{
	float:left;
	width:32px;
	margin:5px 0 5px 3%;
	
}

.icon:hover{
	opacity:0.5;
}

.social{
	color:#fff;
}

	.flex{
		max-width: 100%;
	}
	
/**********************************************/
/************* Splits Section *****************/
/**********************************************/


.split3{
	width:30.1%;
	padding:10px 2% 10px 1%;
	float:left;
	text-align:justify;
	color:#7E7E7E;
}

.splitnone{
	width:98%;
	float:left;
	text-align:justify;
	color:#7E7E7E;
	padding:3px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	height:auto;
	box-shadow: 2px 2px 4px rgba(192, 192, 192, .75);
	margin:5px 0 10px 0;
}

.splitnone p{ 
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	margin:10px;
	line-height:25px;
	}
	
.splitnone ul{ 
	
	margin-left:30px;
	line-height:20px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	}

.splitnone b{ 
	color:#de770c;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	}
	
.splitnone a{
	color:#de770c;
	text-decoration:none;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
}

.splitnone table {
	width:98%;
	float:left;
	color:#7E7E7E;
	padding:5px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
}

.splitnone td {
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	padding: 10px;
	font-size:10.5pt;
	vertical-align: top;
	color:#7E7E7E;
	}
	
.pulsante {
	margin-left:85px;
	padding:5px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,1);
	margin-top:5px;
	color:#7E7E7E;
	font-size:10.5pt;
 }
 
.splitnone  select { 
	
  font-family: 	Lato, Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	border: 1px solid #d5d5d5;
	margin-left:5px;
	font-size:10.5pt;
	padding:2px;
	}
	
	
.splitnone input { 
	
	padding: 5px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,1);
	margin-top:5px;
	color:#7E7E7E;
	margin-left:5px;
	}

.splitnone textarea { 
	padding: 5px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,1);
	color:#7E7E7E;
	margin-left:5px;
}

/**********************************************/
/************* Blogging Section ***************/
/**********************************************/
.blog{
	width:100%;
	float:left;
	text-align:justify;
	color:#7E7E7E;
	padding:3px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	height:auto;
	box-shadow: 2px 2px 4px rgba(192, 192, 192, .75);
	margin:5px 0 10px 0;

}

.blog p {	line-height:25px;margin:10px;}

.blogwrap{
	width:95%;
	float:left;
	position:relative;
	background-color:white;
	height:auto;
	border:1px solid #d5d5d5;
	margin-left:2%;
	margin-bottom:2%;
}

.blogbody{
	float:left;
	text-align:left;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	background-color:white;
	height:auto;
	}


.blogimage{
	float:left;
	border: 1px solid #d5d5d5;
	display:block;
	margin-left:25px;
	width:90px;
	height:70px;
	margin-bottom:2%;
	}

.blogimage:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


.blogimage a:link img, .blogimage a:visited img, .blogimage a:hover img{
	
	text-decoration:none;
	margin:5px;

}

.bloginfo{
	width:30%;
	float:right;
	margin-bottom:5px;
	
}

.bloginfo a {
	font-size:10.5pt;
	color: #de770c;
	text-decoration:underline;
}

.bloginfo p{
	font-size:10.5pt;
	margin:10px 0px;

}

.bloginfo p span{
	color:#de770c;
	cursor:pointer;
}

.blogtext a {
	font-size:10.5pt;
	color: #de770c;
	text-decoration:underline;
}

.blogtext{
	width:62%;
	display:block;
	float:right;
	vertical-align:top;
	text-align:justify;
	margin-right:25px;
	line-height: 20px;
	font-size:10.5pt;
}
	
.more {
		display:block;
    float:right;   

} 

.video_thumb{
	margin-left:25px;
	width:80px;
	height:60px;
	margin-bottom:2%;
	}

.box-arrow{
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	margin-left: -16px;
	position: absolute;
	left: 50%;
	bottom: -17px;
	display:block;
	width:32px;
	height:18px;
}

/***** Cerca Comments Section *****/

	
.cerca{
	width:98%;
	float:left;
	text-align:justify;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	box-shadow: 2px 2px 4px rgba(192, 192, 192, .75);
	margin:10px;
	background-color:white;
	padding:10px;
}

.cerca hr {
	color: #d5d5d5;
	background-color: #d5d5d5;
	height: 1px;
}

.cerca p{ 
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	line-height:25px;
	}
	
.cerca ul{ 
	
	margin-left:50px;
	line-height:20px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	}

.cerca b{ 
	
	color:#de770c;
	}
	
.cerca a{
	color:#de770c;
	text-decoration:none;
}

.cerca table {
	width:98%;
	float:left;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
}

.cerca td {
	
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	padding: 10px;
	font-size:10.5pt;
	vertical-align: top;
	color:#7E7E7E;
	}
	
 
.cerca select { 
	
  font-family: 	Lato, Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	border: 1px solid #d5d5d5;
	margin-left:5px;
	font-size:10.5pt;
	}
	
 
.cerca input { 
	
	padding: 5px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,1);
	margin-top:5px;
	color:#7E7E7E;
	margin-left:5px;

	}

.cerca textarea { 
	padding: 5px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,1);
	color:#7E7E7E;
	margin-left:5px;
}


#wrap{
	border:solid #d5d5d5 1px;
	width:203px;
	-webkit-border-radius: 10px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:3px;
	margin-top:3px;
	margin-left:80px;
}

.error{ color:#FF0000; font-size:10.5pt; margin:4px; font-style:italic; width:200px;}

.success{ color:#d5d5d5; font-size:10.5pt; margin:4px; font-style:italic; width:200px;}

img#refresh{
	float:left;
	margin-top:25px;
	margin-left:4px;
	cursor:pointer;
}

#testo{ background:#fff; }


.quadrato{
	margin:1%;
	float:left;
	}

.size_small {
	
	font-size:9pt;
	
	}
.obbligatori{
	
	font-size:9pt;
	color:#ff0000;
	}

.button {

	float:right;
	padding:2px;
	border: 1px solid #d5d5d5;
	font-family:Lato, Arial, Helvetica, sans-serif;
	background-color:rgba(255,255,255,1);
	color:#7E7E7E;
	font-size:10.5pt;
 }
 

/* Responsive iFrame */
.iframe-container {
    height: 300px;
    padding-top: 0;
    overflow: hidden;
    border:1px;
}
.iframe-container iframe, .iframe-container object,  
.iframe-container embed {
    top: 5px;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    font-size:50%;
}

 .form{ 
    max-width: 100%; 
    min-width: 25%; 
    color: #7E7E7E; 
    font-size: 13px; 
    margin: 0px; 
    background-color: #FFFFFF; 
    padding: 10px; 
} 

.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 

.form input, form textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #d5d5d5; 
    border-radius: 0px; 
    padding: 3px; 
} 

.form { 
    font-family:Lato, Helvetica, Arial, sans-serif;
} 

.form textarea{ 
    height: 50px; 
} 


.field{ 
    margin-bottom: 5px; 
} 

		
.messaggi{
	float:left;
	text-align:justify;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	box-shadow: 2px 2px 4px #d5d5d5;
	margin:5px;
	background-color:white;
}


.messaggi hr {
	color: #d5d5d5;
	background-color: #d5d5d5;
	height: 1px;
}

.messaggi p{ 
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	line-height:25px;
	}
	
.messaggi p img { 
		line-height:35px;
	} 
	
.messaggi ul{ 
	margin-left:50px;
	line-height:20px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	}

.messaggi b{ 
	color:#de770c;
	}
	
.messaggi a{
	color:#de770c;
	text-decoration:none;
}

.messaggi table {
	width:100%;
	float:left;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	
}


.messaggi td {
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size:10.5pt;
	vertical-align: top;
	color:#7E7E7E;
	}

.messaggi table tr td  table  {
	width:100%;
	float:left;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
}

.messaggi table tr td  table tr td {
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	font-size:10.5pt;
	vertical-align: top;
	color:#7E7E7E;
	}	


.inserire{
	float:left;
	text-align:justify;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	box-shadow: 2px 2px 4px rgba(192, 192, 192, .75);
	margin:10px;
	background-color:white;
	padding:10px;
	
}


.inserire hr {
	color: #d5d5d5;
	background-color: #d5d5d5;
	height: 1px;
}

.inserire p{ 
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	line-height:25px;
	}
	
.inserire ul{ 
	
	margin-left:50px;
	line-height:20px;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	}

.inserire b{ 
	color:#de770c;
	}
	
.inserire a{
	color:#de770c;
	text-decoration:none;
}

.inserire table {
	width:95%;
	float:left;
	color:#7E7E7E;
	font-family: 	Lato, Arial, Helvetica, sans-serif;
}

.inserire td {
	font-family: 	Lato, Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size:10.5pt;
  vertical-align: top;
	color:#7E7E7E;
	}
	

	
.inserire input[type=radio]{
clear:none; 
margin:0 2px 5px 5px;
	}

.inserire input[type=checkbox]{
display: inline-block;
width: 35px;
margin-left:0px;
padding-left:0px;
margin-top:5px;

	}

.inserire  select { 
	
  font-family: 	Lato, Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	border: 1px solid #d5d5d5;
	margin-left:0px;
	font-size:10.5pt;
	padding:2px;
	}

.inserire input[type=reset]{
	width:180px;
	} 
	
.inserire input[type=submit]{
	width:180px;
	}


/* Responsive Video */
.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */

@media only screen and (max-width: 1279px) {
	
	.wrapper{
		width:90%;
	}
	
}

@media only screen and (max-width: 1105px) {
	
		.wrapper{
		width:90%;
	}
	
	
	#work{
		width:900px;
}

	.item{
		width:164px;
		height:170px;
		margin:8px;
	}
	
 .form input, form textarea, form select{ 
    width: 70%; 
	} 
	
.inserire table, inserire tr, inserire td { display: block; }

.inserire table td {min-width: 250px;word-break: break-all;}


}

@media only screen and (max-width: 999px) {
	
	#work{
		width:750px;	
}

	.item{
		width:136px;
		height:144px;
		margin:7px;
	}
	
	.item h3{
		font-size:90%;
	}
	
	.item p{
		font-size:60%;
	}
	
 .form input, form textarea, form select{ 
    width: 70%; 
	} 


.messaggi table tr td  {display: inline-block;}


}

@media only screen and (max-width: 860px) {
	
	header h1{
		font-size:110%;
	}
	
	header h2{
		font-size:80%;
	}
	
	.form input[type=radio], input[type=checkbox]{ 
    display: block;
	} 
	
	.form table, form tr, form td{ 
    display: block; 
	} 
	
	.form input, form textarea, form select{ 
    width: 60%; 
	} 

	
.cerca {width: 91%;}

.cerca table {border: #ccc solid 1px;}

.cerca table td {min-width: 45px; width: 20%; word-break: break-all; text-align: center; padding: 1%;}

.cerca table td img {max-width: 98%;}


.inserire table, inserire tr, inserire td { display: block; }

.inserire table td {min-width: 250px; word-break: break-all;}



.blogwrap{
	width:95%;
	float:left;
	position:relative;
	margin-left:2%;
	margin-bottom:7%;
}

.blogbody{
	float:left;
	text-align:left;
	font-size:95%;
	}


.blogimage{
	margin-left:20px;
	}


.bloginfo{
	margin-bottom:5px;
	width:100%;
}

.bloginfo a {
	font-size:95%;
 margin:0px;
}

.bloginfo p{
	font-size:95%;
	margin:0px;
	margin-left:20px;
}

.blogtext a {
	font-size:95%;
}

.blogtext{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	font-size:95%;
	word-break: break-all;
}

.blog{
	padding:0px;
	font-size:95%;
	margin:0px;
}

#logotitle a{
	color:#7E7E7E;
	text-decoration:none;
}


}

@media only screen and (max-width: 835px) {
	
	#work{
		width:650px;	
}

	.item{
		width:116px;
		height:121px;
		margin:7px;
	}
	
	.item h3{
		font-size:75%;
	}
	
	.item p{
		font-size:40%;
	}
	
 .form input[type=radio], input[type=checkbox]{ 
    display: block;
	} 
	.form table, form tr, form td{ 
    display: block; 
	} 
	
 .form input, form textarea, form select{ 
    width: 60%; 
	} 
		

.cerca {width: 91%;}

.cerca table {border: #ccc solid 1px;}

.cerca table td {min-width: 45px; width: 20%; word-break: break-all; text-align: center; padding: 1%;}

.cerca table td img {max-width: 98%;}


.inserire {width: 91%;}

.inserire table, inserire tr, inserire td { display: block; }

.inserire table td {min-width: 250px; width: 24%; word-break: break-all;}

.inserire img {max-width: 100%; clear: both;float: left;}


.blogwrap{
	width:95%;
	float:left;
	position:relative;
	margin-left:2%;
	margin-bottom:7%;
}

.blogbody{
	float:left;
	text-align:left;
	font-size:95%;
	}


.blogimage{
	margin-left:20px;
	}


.bloginfo{
	margin-bottom:5px;
	width:100%;
}

.bloginfo a {
	font-size:95%;
 margin:0px;
}

.bloginfo p{
	font-size:95%;
	margin:0px;
	margin-left:20px;
}

.blogtext a {
	font-size:95%;
}

.blogtext{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	font-size:95%;
	word-break: break-all;
}

.blog{
	padding:0px;
	font-size:95%;
	margin:0px;
}



}

@media only screen and (max-width: 720px) {	
	
		
	#logo{
		width:200px;
		display:block;
		margin:auto;
		margin-bottom:1%;
	}
	
	nav{
		width:100%;
		font-size:80%;

	}
	
	header h1{
		font-size:100%;
		margin-bottom:5%;
	}
	
	header h2{
		font-size:60%;
	}
	
	.left{
		width:100%;
	}
	
	.right{
		width:100%;
	
	}
	
		
	.form input[type=radio], input[type=checkbox]{ 
    display: block;
	} 

	.form table, form tr, form td { 
    display: block; 
	} 
	
	
	.form input, form textarea, form select { 
    width: 70%; 
	} 
	
		
	#work{
		width:460px;	
}

	.item{
		width:210px;
		height:215px;
		margin:10px;
	}
	
	.item h3{
		font-size:130%;
	}
	
	.item p{
		font-size:90%;
	}

.cerca {width: 91%;}

.cerca table {border: #ccc solid 1px;}

.cerca table td {min-width: 45px; width: 20%; word-break: break-all; text-align: center; padding: 1%;}

.cerca table td img {max-width: 98%;}


.inserire {width: 91%;}

.inserire table, inserire tr, inserire td { display: block; }

.inserire table td {min-width: 250px; width: 24%; word-break: break-all;}

.inserire img {max-width: 100%; clear: both;float: left;}


.blogwrap{
	width:95%;
	float:left;
	position:relative;
	margin-left:2%;
	margin-bottom:7%;
}

.blogbody{
	float:left;
	text-align:left;
	font-size:95%;
	}


.blogimage{
	margin-left:20px;
	}


.bloginfo{
	margin-bottom:5px;
	width:100%;
}

.bloginfo a {
	font-size:95%;
 margin:0px;
}

.bloginfo p{
	font-size:95%;
	margin:0px;
	margin-left:20px;
}

.blogtext a {
	font-size:95%;
}

.blogtext{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	font-size:95%;
	word-break: break-all;
}

.blog{
	padding:0px;
	font-size:95%;
	margin:0px;
}



}

@media only screen and (max-width: 510px) {
	
	
	#work{
		width:300px;	
	}
	.item{
		width:136px;
		height:140px;
		margin:7px;
	}
	
	.item h3{
		font-size:75%;
	}
	
	.item p{
		font-size:40%;
	}
	.form input, form textarea, form select{ 
    
    width: 150px; 
} 

	.form input[type=radio], input[type=checkbox]{ 
    display: block;
	} 

	.form table, form tr, form td{ 
    display: block; 
	} 
  
	 .cerca {width: 91%;}
	 
/* Responsive iFrame */

.iframe-container iframe, .iframe-container object,  
.iframe-container embed {
    width: 106% !important;
    height: 100% !important;
}

.splitnone {width: 98%;}
.splitnone table, splitnone tr, splitnone td { display: block; }
.splitnone table td {width:100%;}
.splitnone input {display:block;}


.cerca table {border: #ccc solid 1px;}

.cerca table td {min-width: 45px; width: 20%; word-break: break-all; text-align: center; padding: 1%;}

.cerca table td img {max-width: 98%;}


.inserire {width: 91%;}

.inserire table, inserire tr, inserire td { display: block; }

.inserire table td {min-width: 250px; width: 24%; word-break: break-all;}

.inserire img {max-width: 100%; clear: both;float: left;}


.blogwrap{
	width:95%;
	float:left;
	position:relative;
	margin-left:2%;
	margin-bottom:7%;
}

.blogbody{
	float:left;
	text-align:left;
	font-size:95%;
	}


.blogimage{
	margin-left:20px;
	}


.bloginfo{
	margin-bottom:5px;
	width:100%;
}

.bloginfo a {
	font-size:95%;
 margin:0px;
}

.bloginfo p{
	font-size:95%;
	margin:0px;
	margin-left:20px;
}

.blogtext a {
	font-size:95%;
}

.blogtext{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	font-size:95%;
	word-break: break-all;
}

.blog{
	padding:0px;
	font-size:95%;
	margin:0px;
}


}

@media only screen and (max-width: 320px) {
	
	
	
		 nav{ width:107%; font-size:70%;}
	 
.iframe-container iframe, .iframe-container object,  
.iframe-container embed {
    width: 110% !important;
    height: 100% !important;
}

.splitnone {width: 100%;}
.splitnone table, inserire tr, inserire td { display: block; }
.splitnone table td {width: 100%; padding:5px; margin:5px}

	}