@charset "utf-8";
/* CSS Document */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px;
	background-color: #c71717;
	line-height:16px
}
.link_body {
	padding: 5px;
	width: 500px;
	text-align:justify;
	position:absolute;
	left: 550px;
	top: 270px;
	margin-right: 5px;
}
.msg_body {
	width: 540px;
	background-image: url(../images/ombra.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 20px;
	float: left;
	margin-top: 10px;
	margin-left: 60px;
}
.ombrasup {
	text-align:justify;
	background-image: url(../images/ombrasup.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: -20px;
	height: 142px;
	width: 522px;
	margin-top: 10px;
}
.ombrasx {
	background-image: url(../images/ombrasx.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: -40px;
	padding-left: 40px;
	padding-top: 10px;
}
.tit_body {
	display: block;
	margin-left: -30px;
}
.txt_body {
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 35px;
	width: 485px;
	margin-top: 5px;
}
.linkclass
{
	font-weight:bold;
	color:#FFF;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 35px;
	text-decoration: none;
	letter-spacing: -0.1em;
}

/* CORPO */
.top {
	width: 100%;
	margin-left: 25px;
	float: left;
}
.container {
	width: 100%;
	height: 100%;
}
.fondo {
	background-color: #FFF;
	background-image: url(../images/skyline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	color: #C71717;
	width: 100%;
	float: left;
	height: 108px;
}
.footer {
	color: #FFF;
}

/* MENU */
.menudiv {
	width:500px;
	margin-right: auto;
}
#menudivtot {width: 500px; height: 353px; margin: 0px auto; padding: 0; position: relative; background-image: url(../images/menuverticale.jpg);}
#menudivtot li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#menudivtot a {display: block;}
#home {left: 0px; top: 16px; width: 500px; height: 50px;}
#home a {height: 50px; cursor:pointer}
#home a:hover {background-image: url(../images/menuverticale.jpg); background-repeat: no-repeat; background-position: -500px -16px;}
#bio {left: 0px; top: 75px; width: 500px; height: 50px;}
#bio a {height: 50px;}
#bio a:hover {background-image: url(../images/menuverticale.jpg); background-repeat: no-repeat; background-position: -500px -75px;}
#portfolio {left: 0px; top: 132px; width: 500px; height: 50px;}
#portfolio a {height: 50px;}
#portfolio a:hover {background-image: url(../images/menuverticale.jpg); background-repeat: no-repeat; background-position: -500px -132px;}
#services {left: 0px; top: 190px; width: 500px; height: 50px;}
#services a {height: 50px;}
#services a:hover {background-image: url(../images/menuverticale.jpg); background-repeat: no-repeat; background-position: -500px -190px;}
#contatti {left: 0px; top: 248px; width: 500px; height: 50px;}
#contatti a {height: 50px;}
#contatti a:hover {background-image: url(../images/menuverticale.jpg); background-repeat: no-repeat; background-position: -500px -248px;}

/* VALIDATO XHTML CSS */
.w3cdiv {
	width:164px;
	position:fixed;
	right: 10px;
	bottom: 10px;
}
#w3cdivtot {width: 164px; height: 31px; margin: 0px auto; padding: 0; position: relative; background-image: url(../images/validator.png);}
#w3cdivtot li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#w3cdivtot a {display: block;}
#w3chtml {left: 0px; top: 0px; width: 164px; height: 31px;}
#w3chtml a {height: 31px; cursor:pointer}
#w3chtml a:hover { background-image: url(../images/validator.png);	background-repeat: no-repeat; background-position: 0px -31px;}
#w3ccss {left: 82px; top: 0px; width: 164px; height: 31px;}
#w3ccss a {height: 31px;}
#w3ccss a:hover {	background-image: url(../images/validator.png); background-repeat: no-repeat; background-position: -82px -62px;}
.descrizione {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	letter-spacing: -0.1em;
	color: #FF6;
	line-height: 17px;
	background-image: url(work/bordosupsx.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	padding-left: 30px;
}
.work {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6;
	font-weight: bolder;
	margin-bottom: 10px;
}
.worktxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	width: 470px;
	border: 1px solid #FFF;
	padding: 10px;
	margin-top: 4px;
	/*	background-image: url(../images/input.jpg);
	background-repeat: no-repeat; */
	height: 53px;
	background-color: #A41313;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	width: 470px;
	border: 1px solid #FFF;
	padding: 10px;
	height: 117px;
	margin-top: 5px;
	background-color: #A41313;
/*	background-image: url(../images/textarea.jpg);
	background-repeat: no-repeat; */
}
/* TORNA SU */
div#btn_top {
	bottom:30px;
	height:31px;
	position:fixed;
	right:0;
	width:30px;
	z-index: 100;
}
div.submit input{float:left; cursor:pointer; border:0; width:150px; height:70px; background:url(../images/submit.jpg) 0 0 no-repeat; margin-left:-10px; margin-bottom:20px; margin-top:5px}
div.submit input:hover{background-position:-150px 0px;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 90%;
	font-size: 18px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 90%;
	font-size: 16px;
}
.bordo {
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
.services-box01 {
	width: 160px;
	float: left;
	font-size: 14px;
}
.services-box01 li {
 	list-style-image:url(../images/design-icon.jpg);
	padding:3px;
	text-align:left;
}
.services-box01-ttl{
	line-height:30px;
	font-weight: bold;
	color: #FFF;
	padding-left: 3px;
	padding-top: 1px;
	list-style:none;
	text-transform: capitalize;
}

.services-box02 {
	width: 160px;
	float: left;
	font-size: 14px;
}
.services-box02 li {
 	list-style-image: url(../images/design-icon02.jpg);
	padding:3px;
	text-align:left;
	}
.services-box02-ttl {
	list-style-position:inside;
	line-height:30px;
	font-weight: bold;
	color: #FFF;
	padding-left: 3px;
	padding-top: 1px;
	list-style:none;
	text-transform: capitalize;
}
.services-box03 {
	width: 160px;
	float: left;
	font-size: 14px;
}
.services-box03 li {
 	list-style-image: url(../images/develop-icon.jpg);
	padding:3px;
	text-align:left;
}
.services-box03-ttl {
	list-style-position:inside;
	line-height:30px;
	font-weight: bold;
	color: #FFF;
	padding-left: 3px;
	padding-top: 1px;
	list-style:none;
	text-transform: capitalize;
}
.linkveloci {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #C71717;
}
.titservizi {
	background-color: #909;
	display: inherit;
	padding: 3px;
}
.riferimenti {
	font-size: 12px;
}