/* ----------------------------------------------------- */
/* ---------- stili sul body e la tipografia ----------- */
/* ----------------------------------------------------- */
body{
	font: 75% "Trebuchet MS", Candara, sans-serif;
	line-height:1.4em;
	background: #FFF url(../images/bgBody.jpg) repeat-x;
}
h1{
	font-size: 1.9em;
	color: #000;
	line-height:1em;
}
h2{
	font-size: 1.5em;
	color: #000;
	line-height:1.6em;
}
h3{
	font-size: 1.1em;
}
h4{
	font-size: 1.0em
}
input, textarea, select {
	font-family: "Trebuchet MS", Candara, sans-serif;
}
/* ----------------------------------------------------- */
/* ---------- set di base per magini e padding --------- */
/* ----------------------------------------------------- */
html, body{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	margin: 0.7em 0 0.2em
}
address, blockquote, dl, form, fieldset, ol, table, p, pre, ul{
	margin-top: 0.2em;
	margin-bottom: 1.2em
}
p {
	padding:0;
	margin:10px 0;
}
/* ----------------------------------------------------- */
/* ------------------- stili globali ------------------- */
/* ----------------------------------------------------- */
.clear {
	clear:both;
	line-height:0.1em;
	height:1px;
	font-size:0.01em;
}
.allineaSx {
	float:left;
	padding: 0 10px 10px 0;
}
.allineaDx {
	float:right;
	padding: 0 0 10px 10px;
}
a {
	color:#000;
}
a:hover {
	text-decoration:none;
}
img {
	border:none;
}
/* ----------------------------------------------------- */
/* ------------------ stili container ------------------ */
/* ----------------------------------------------------- */
#container {
	width:780px;
	margin:0 auto;
}
/* ----------------------------------------------------- */
/* ---------------- stili header e menu ---------------- */
/* ----------------------------------------------------- */
#header {
	width:780px;
	height: 242px;
}
#headerLeft{
	float:left;
	width:255px;
	padding: 20px 0 0 32px;
}
#logo {
	width:211px;
	height:54px;
	padding-left:10px;
}
#menu {
	background:url(../images/bgMenu.jpg) no-repeat;
	width:229px;
	margin-top:17px;
	height:135px;
	color:#2973C2;
	font-weight:bold;
	font-size:1.3em;
}
#menu ul{
	list-style-type:none;
	padding:8px 0 0 15px;
}
#menu ul li{
	padding:7px 0;
	text-transform:uppercase;
}
#menu ul li.ultimo{
	padding:7px 0 0 0;
}
#menu ul li a{
	text-decoration:none;
	color:#9C0;
}
#menu ul li a:hover{
	color:#2973C2;
}
#headerRightHome {
	width:492px;
	float:left;
	background:url(../images/bgSlogan.jpg) bottom right no-repeat;
	height:240px;
}
#headerRightHomeCravatte {
	width:492px;
	float:left;
	background:url(../images/bgSloganCravatte.jpg) bottom right no-repeat;
	height:240px;
}
#headerRight {
	width:492px;
	float:left;
	height:240px;
}
#headerRight h1{
	font-size:2.8em;
	color:#2973C2;
	padding-top:40px;
}
.abstract {
	width:220px;
	float:left;
	padding:20px 20px 0 0 ;
	color:#2973C2;
	font-size:1.2em;
	line-height:1.5em;
}
#menu2 {
	width:462px;
	text-align:right;
	padding:11px 30px 0 0;
}
/* ----------------------------------------------------- */
/* ------------------- stili box home ------------------ */
/* ----------------------------------------------------- */
#contentHome {
	padding:0 0 0 32px;
	background:url(../images/bgContentHome.jpg) 32px 0 no-repeat;
}
.boxHome {
	width: 220px;
	height:105px;
	float:left;
	padding:60px 14px 0 15px;
	color:#fff;
}
.boxHome h2{
	color:#fff;
	font-size:1em;
	margin:0;
	line-height:normal;
	font-weight:normal;
}
.badge {
	float:right;
	width:60px;
	text-align:center;
	padding:52px 0 0 0;
}
.info a{
	font-size:1.6em;
	color:#F60;
	font-weight:bold;
	text-decoration:none;
}
/* ----------------------------------------------------- */
/* ------------------- stili contenuti ----------------- */
/* ----------------------------------------------------- */
#colSx {
	width:230px;
	float:left;
}
#colDx {
	width:480px;
	float:left;
	padding-left:20px;
	min-height:250px;
}
#colMono {
	width:680px;
	padding-left:20px;
	min-height:250px;
}
#dataNews {
	background:url(../images/bgDataNews.gif) no-repeat;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	width:85px;
	height:20px;
	padding-top:3px;
	margin-top:20px;
}
#testoNews {
	padding:10px 0 0 20px;
	width:200px;
}
#testoNews a{
	font-weight:bold;
	color:#2973C2;
}
#testoNews h3 {
	margin:0;
}
#boxPortfolio {
	width:110px;
	float:right;
	padding-left:15px;
}
#boxPortfolio img{
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:20px;
}
#content {
	padding:0 0 0 32px;
}
/* ----------------------------------------------------- */
/* --------------------- stili footer ------------------ */
/* ----------------------------------------------------- */
#footer {
	width:100%;
	height:55px;
	background:url(../images/bgFooter.jpg) repeat-x #98CB00;
	color:#DBEDA6;
	margin-top:20px;
	padding-top:37px;
}
#footerContainer {
	width:780px;
	margin:0 auto;
}
#ragioneSociale {
	width:230px;
	padding-left:35px;
	float:left;
}
.copy {
	font-weight:bold;
	color:#fff;
}
#indirizzo {
	width:305px;
	float:left;
}
#indirizzo a{
	color:#DBEDA6;
}
#skype {
	width:180px;
	float:left;
	padding-left:20px;
}

.error {color:#EE350B;}
form#contactForm {width:360px;}
form#contactForm input {border:solid 1px #999;width:175px;}
form#contactForm textarea {border:solid 1px #999;width:358px;}
form#contactForm button {color:#fff;background:#99CC01;font-size:16px;font-weight:bold;border:none;padding:3px 5px;}