/* Importo gli stili per colori/immagini e tipografia/font */
@import url('/css/color.css');
@import url('/css/typography.css');

/* Normalizzazioni cross-browser */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
a { outline: none; text-decoration: none; }
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }

div.Clear {
	clear:both;
}

/*********** BODY & HTML ************/
/************************************/
body, html { height: 100%; }

/*********** NO STYLE NAV ***********/
/************************************/
ul#nav_access { position: absolute; left: -5000px; }

/************ CONTAINER *************/
/************************************/
div#container { 
	position: relative;
	min-height: 100%
	}

/************* BRANDING *************/
/************************************/
div#branding {  }
div#branding h1 { width: 21em; height: 311px; position: absolute; z-index: 4; cursor: pointer; }

#branding-head { position: absolute; top: -9999em; left: -9999em; text-indent: -9999em }

/************* NAV MAIN *************/
/************************************/
div#nav_main {
	width: 21.3em;
	min-height: 100%;
	position: absolute;
	z-index: 3;
	}

h3#nav_toolsTitle { position: absolute; bottom: 0px; left: 0; width: 27em; height: 325px; z-index: 999999; }
ul#nav_tools { width: 260px; position: absolute; top: 10px; left: 58em; padding-bottom: 0.5em; }
ul#nav_tools li { float: left; padding: 0 0.3em; }
ul#nav_tools li:first-child { margin-left: 0.5em; }
ul#nav_tools li a { display: block; height: 15px; }
li#li_blog a { width: 53px; }
li#li_areaclienti a { width: 107px; }
li#li_servizi a { width: 76px; }
li#li_contatti a { width: 76px; }

h3#nav_categoryTitle { width: 140px; height: 12px; padding-top: 305px;/*position: absolute; right: 4em; top: 308px; z-index: 12;*/ padding-bottom: 3px;  margin-left: 5em;}
ul#nav_category { /*position: absolute; z-index: 10; top: 330px; right: 4em;*/ margin: 1em 0 1em 8.5em; }
ul#nav_category li { padding: 0.2em 0; }
ul#nav_category li a { display: block; width: 100px; height: 22px; }

h3#nav_latestBlogTitle { width: 140px; height: 11px; /*position: absolute; right: 4em; top: 470px; z-index: 12;*/ padding-bottom: 3px; margin-left: 5em; }
ol#nav_latestBlog { /*position: absolute; z-index: 11; top: 495px; right: 4em;*/ padding: 1em 0 0 0; }
ol#nav_latestBlog li { line-height: 1.8em; margin-right: 3em; margin-bottom:10px;}

/*********** CONTENT MAIN ***********/
/************************************/
div#content_main {
	width: 65em;
	position: absolute;
	left: 21.3em;
	top: 0;
	padding-top: 40px;
	padding-bottom: 270px;
	z-index: 1;
	min-height:900px;
	}
	
div#content_main h2,
div#content_main h4 { padding: 1.3em 1em 1.3em 2em; clear: both; }
	
div#content_main p { margin: 1em 3em; }

h3#more_articlesTitle { position: absolute; top: -6000px; }
p.article_Info { padding-top: 1.2em; overflow: hidden;}
p.article_Info label { float: right; display: block; padding: 1.2em 0 1.3em 1.2em; }
p.article_Info label:first-child { float: left; }

/************* SITE INFO ************/
/************************************/
div#site_info { 
	width: 60em;
	position: absolute;
	bottom: 0;
	left: 21.3em;
	z-index: 2;

	}

h3#nav_suppTitle { position: absolute; left: -5000px; }

h4#nav_contattiTitle,
h4#nav_strumentiTitle,
h4#nav_condividiTitle { width: 188px; height: 22px; margin-bottom: 0.7em; margin-left: -1.5em; padding: 0.2em 0 0 2.2em; }

ul#nav_supp { padding: 3em 0 0 8.5em; }	
ul#nav_supp li { width: 16em; margin-right: 3em; float: left; }
ul#nav_supp li ul li a { padding-left: 1em; display: block; }


/**** Pagina Contatti ****/
div#Contatti { padding: 1.3em 1em 1.3em 2em; overflow: hidden; }
div#Contatti label { background: url('/images/heading_back.gif') left no-repeat; float:left; display: block; padding: 1.2em 0 1.3em 1.2em; }
div#Contatti label a { color: #FFFFFF; }
div#Contatti label:first-child { float: left; }
div#Contatti label.Telefono { font-size:18px; color:#008fd3; font-weight:bold; padding:0; padding-left:10px; background:url(); }
div#Contatti div#map { width:500px; height:400px; margin-left:auto; margin-right:auto; }
div#Contatti span { padding-left:1.2em; }


/**** Form richieste ****/
form#frmRichiesta input[type="text"], form#frmRichiesta select {
	border:1px #535252 solid;
	background:#dedede;
	width:99%;
	padding:3px;
	font-size:11px;
	font-family:Arial,Verdana;
}
form#frmRichiesta textarea {
	border:1px #535252 solid;
	background:#dedede;
	width:99%;
	padding:3px;
	font-size:11px;
	height:100px;
	font-family:Arial,Verdana;
}
form#frmRichiesta textarea#txtprivacy { font-size:10px; }

form#frmRichiesta input[type="text"]:focus,form#frmRichiesta input[type="text"]:active { border:1px #fff solid; }
form#frmRichiesta textarea:focus,form#frmRichiesta textarea:active { border:1px #fff solid; }

form#frmRichiesta div.Titolo { font-weight:bold; }
form#frmRichiesta div.Contenitore { padding:5px 10px 5px 20px; border-right:2px #777 solid; }
form#frmRichiesta div.Contenitore2 { text-align:center; border-right:2px #777 solid; }
form#frmRichiesta div.Contenitore:hover { background-color:#777777; border-right:2px #565656 solid; }
form#frmRichiesta div.Contenitore:hover label.Error { color:#eee; }

form#frmRichiesta label.Error { color:#666; }
form#frmRichiesta label.ErrorOver { color:#fff; padding:3px; padding-left:15px; background:#7E7E7E url(/images/heading_back.gif) 2px 7px no-repeat; }

form#frmRichiesta div.Left { float:left; width:150px; text-align:right; padding-top:4px; padding-right:10px; }
form#frmRichiesta div.Right { float:left; width:250px; text-align:left; }


input[type="submit"],input[type="reset"] { border:1px #535252 solid; background-color:#dedede; padding:3px; font-size:11px; cursor:pointer; }
input[type="submit"]:hover,input[type="reset"]:hover { background-color:#979797; }


/**** Form Curriculum ****/
form#frmCurriculum div.Colonna { float:left; width:49%; }
form#frmCurriculum input[type="text"] {
	border:1px #535252 solid;
	background:#dedede;
	width:99%;
	padding:3px;
	font-size:11px;
	font-family:Arial,Verdana;
}
form#frmCurriculum select {
	border:1px #535252 solid;
	background:#dedede;
	width:20%;
	padding:2px;
	font-size:11px;
	font-family:Arial,Verdana;
}
form#frmCurriculum textarea {
	border:1px #535252 solid;
	background:#dedede;
	width:99%;
	padding:3px;
	font-size:11px;
	height:100px;
	font-family:Arial,Verdana;
}
form#frmCurriculum textarea#txtprivacy { font-size:10px; }
form#frmCurriculum div.Titolo { font-weight:bold; }
form#frmCurriculum div.Contenitore { padding:5px 10px 5px 20px; border-right:2px #777 solid; }
form#frmCurriculum div.Contenitore2 { text-align:center; border-right:2px #777 solid; }
form#frmCurriculum div.Contenitore:hover { background-color:#777777; border-right:2px #565656 solid; }
form#frmCurriculum div.Contenitore:hover label.Error { color:#eee; }
form#frmCurriculum label.Error { color:#666; }
form#frmCurriculum label.ErrorOver { color:#fff; padding:3px; padding-left:15px; background:#7E7E7E url(/images/heading_back.gif) 2px 7px no-repeat; }

div#AreaClienti input[type="text"], div#AreaClienti input[type="password"], div#AreaClienti select {
	border:1px #535252 solid;
	background:#dedede;
	width:160px;
	padding:3px;
	font-size:11px;
	font-family:Arial,Verdana;
}
div#AreaClienti input[type="button"] { border:1px #535252 solid; background-color:#dedede; padding:3px; font-size:11px; cursor:pointer; }
div#AreaClienti input[type="submit"]:hover { background-color:#979797; }


.social {  }