/* Style for pidedesign.net */

/* Reset */

html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:”;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn’t inherit in IE */
legend{color:#000;}

body{
	background: url(images/walltexture.jpg) repeat;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #646464;
}

body a{
	color: #474747;
	text-decoration: none;
}

body a:hover{
	color: #6a6a6a;
}

*:focus, *:active {outline:none;}
*::-moz-focus-inner {border:0;}

#wrapper{
	background: url(images/wrapper_sf.jpg) repeat-y;
	width: 899px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

.header{
	background: url(images/header_sf.jpg) repeat-x;
	float: left;
	width: 895px;
	height: 97px;
	margin-left: 2px;
	margin-bottom: 20px;
}

.logo{
	width: 196px;
	height: 70px;
	float: left;
	margin-left: 24px;
	margin-top: 10px;
}

.nav{
	float: left;
	height: 23px;
	width: auto;
	margin-top: 30px;
	margin-left: 95px;
}

.nav ul li{
	display: inline;
	text-align: center;
	margin-right: 11px;
}

.nav ul li a{
	width: 100px;
	display: inline-block;
	color: #5e5e5e;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #DDDDDD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* W3C */
	border-bottom: 1px solid #959595;
}

.nav ul li a:hover{
	color: white;
	background: #777777; /* old browsers */
	background: -moz-linear-gradient(top, #777777 0%, #4F4F4F 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#4F4F4F)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#4F4F4F',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #777777 0%,#4F4F4F 100%); /* opera */
}

#blueb{
	color: white;
	background: #215080;
	background: -moz-linear-gradient(top, #215080 0%, #4D88C0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#215080), color-stop(100%,#4D88C0));
	background: -webkit-linear-gradient(top, #215080 0%,#4D88C0 100%);
	background: -o-linear-gradient(top, #215080 0%,#4D88C0 100%);
	background: -ms-linear-gradient(top, #215080 0%,#4D88C0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215080', endColorstr='#4D88C0',GradientType=0 );
	background: linear-gradient(top, #215080 0%,#4D88C0 100%);
}

#blueb:hover{
	color: #bfdef4;
}

.social{
	height: 30px;
	width: auto;
	float: right;
	margin-top: 23px;
	margin-right: 27px;
}

#inside{
	width: 848px;
	height: auto;
	margin-left: 26px;
	float: left;
}

.welcome{
	width: 848px;
	height: 112px;
	float: left;
}

/* presentazione */

.wleft{ 
	width: 689px;
	float: left;
}

.wleft img{
	float: right;
	margin-left: 30px;
}

.wleft p{
	margin-top: 3px;
}

.wleft p img{
	float: left;
	padding: 1px;
	border: 1px solid #e7e7e7;
	margin: 6px 6px 6px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wleft h2{
	font-weight: bold;
	color: #1f5f9f;
}

.pcit{
	text-align: right;
	color: #96a2b4;
	font-size: 11px;
	padding-top: 3px;
}

/* last tweet */

.wright{ 
	width: 145px;
	float: right;
	padding-left: 5px;
	text-align: right;
	color: #868686;
	font-size: 11px;
}

.wright img{ 
	float: left;
	padding: 1px;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.lasttweettitle{
	font-weight: bold;
	font-style: normal;
	color: #1f5f9f;
	margin-bottom: 4px;
	font-size: 12px;
}

.wright a{
	color: #afafaf;
	text-decoration: underline;
}

.service{
	width: 848px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.title_s{
	width: 838px;
	height: 16px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #DDDDDD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* W3C */
	border-bottom: 1px solid #959595;
	padding: 7px;
}

.title_s p{
	float: left;
}

.title_s img{
	float: left;
	margin-right: 5px;
}

.titleweb{
	color: #2061A1;
	font-size: 12px;
	width: 165px;
	float: left;
}

.titleprint{
	color: #9C4800;
	font-size: 12px;
	width: 165px;
}

.titleportfolio{
	color: #000;
	font-size: 12px;
	width: 165px;
}

.titlecontact{
	color: #64768B;
	font-size: 12px;
	width: 165px;
}

.tipo{
	width: 130px;
	float: right;
	text-align: right;
}

.box_shadow{
	background: url(images/box_shadow.jpg) no-repeat left;
	width: 282px;
	height: 168px;
	float: left;
}

.box_shadow h3{
	font-weight: bold;
	color: black;
	width: 250px;
	margin-left: 14px;
	margin-top: 14px;
}

.box_shadow p{
	width: 254px;
	margin-left: 13px;
	margin-top: 10px;
	color: #757575;
}

.box_shadow ul{
	width: 250px;
	margin-left: 14px;
	margin-top: 10px;
	color: #849FB8;
	font-style: italic;
	font-size: 11px;
}

.box_shadow ul li{
	display: inline-block;
	background: url(images/check.jpg) no-repeat left;
	padding-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.box_shadow_none{
	background: url(images/box_shadow_none.jpg) no-repeat left;
	width: 282px;
	height: 168px;
	float: left;
}

.portfolio{
	width: 848px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.wrapper_single_works{
	width: 281px;
	height: 300px;
	float: left;
	margin-bottom: 10px;
}

.title_single_works{
	width: 281px;
	height: 20px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #5f5f5f;
}

.title_single_works a{
	color: #000;
	text-decoration: underline;
}

.title_single_works img{
	position: relative;
	top: 3px;
	margin-right: 5px;
	opacity: 0.8;
}

.site_content{
	width: 281px;
	height: 280px;
	float: left;
	background: url(images/site_content.jpg) no-repeat;
}

.site_content img{
	margin-top: 27px;
	margin-left: 5px;
}

.other_content{
	width: 281px;
	height: 280px;
	float: left;
	background: url(images/other_content.jpg) no-repeat;
}

.other_content img{
	margin-top: 15px;
	margin-left: 5px;
}

.contact{
	width: 848px;
	height: auto;
	float: left;
	margin-top: 10px;
}

.wrapper_module{
	width: 826px;
	height: auto;
	float: left;
	padding: 10px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(images/mailbkg.jpg) no-repeat right top #F4F4F4;
}

.wrapper_module p{
	margin-bottom: 15px;
}

.wrapper_module p a{
	text-decoration: underline;
}

.lines_module{
	width: 826px;
	float: left;
	margin-bottom: 10px;
}

.lines_module p{
	float: left;
	width: 150px;
	font-weight: bold;
	color: #64768B;
	text-transform: uppercase;
	font-size: 11px;
}

.lines_module input{
	float: left;
	width: 400px;
	padding: 4px;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 1px #bbbbbb;
	-moz-box-shadow: 0px 0px 1px #bbbbbb;
	box-shadow: 0px 0px 1px #bbbbbb;
}

.lines_module textarea{
	float: left;
	width: 658px;
	padding: 4px;
	border: 1px solid #AEAEAE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 1px #bbbbbb;
	-moz-box-shadow: 0px 0px 1px #bbbbbb;
	box-shadow: 0px 0px 1px #bbbbbb;
}

#textareaedit{
	font-size: 13px;
	height: 150px;
}

.lines_module input:focus, textarea:focus{
	border: 1px solid #245d96;
}

#submitform {
	width: 120px;
	float: right;
	margin-right: 6px;
	color: #5e5e5e;
	cursor: pointer;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #DDDDDD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ededed 0%,#DDDDDD 100%); /* W3C */
	border-bottom: 1px solid #959595;
}

#submitform:hover{
	color: white;
	background: #777777; /* old browsers */
	background: -moz-linear-gradient(top, #777777 0%, #4F4F4F 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#4F4F4F)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#4F4F4F',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #777777 0%,#4F4F4F 100%); /* opera */
}

.errore{
	border: 1px dashed #dc0d0d;
	float: left;
	padding: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 150px;
}

.ok{
	border: 1px dashed #46982a;
	float: left;
	font-weight: bold;
	color: #46982a;
	padding: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 150px;
}

/* UItoTop start */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* UItoTop end */

.footer{
	width: 848px;
	height: 42px;
	float: left;
	margin-top: 10px;
	background: url(images/footer_tools.jpg) no-repeat center;
	text-align: center;
	font-size: 11px;
	color: #868686;
	text-transform: uppercase;
}

.footer:hover{
	background-image: url(images/footer_tools_hover.jpg);
}

.footer p{
	margin-top: 24px;
}