﻿* {
    font-family: Arial, Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    outline: none;
    list-style-type: none;
}
li {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
#footer {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
dd a {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
dl {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
p {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    text-align:justify;
}
#main ul li {
    line-height: 22px;
}

#main p {
    line-height: 22px;
}

h4 {
    margin: 0 0 10px;
}

h3 {
    margin: 0 0 10px;
}

em {

}
p {
    margin: 0 0 10px;
}
a, .ms-WPBody a:link, .msWPBody a:active, .msWPBody a:visited {
    color: #028acf;

}
a:hover, .ms-WPBody a:hover  {
    color: #3b6d86;
    text-decoration:none;
}
#main #clm .ms-WPBody p.dettagli{
	color: #028acf;
    font-size: 11px;
    padding-bottom:20px;
}
#main #clm .ms-WPBody p.dettagli a:visited{
	color: #028acf;
    font-size: 11px;
    padding-bottom:20px;
}
#main #clm .ms-WPBody p.dettagli a:active{
	color: #028acf;
    font-size: 11px;
    padding-bottom:20px;
}
#main #clm .ms-WPBody p.dettagli a:hover{
	color: #3b6d86;
	text-decoration:none;
}


img.left {
    float: left;
    margin: 0 25px 10px 0;
}
img.right {
    float: right;
    margin: 0 0 10px 25px;
}
textarea {
    border: 1px solid #dadada;
    padding: 7px;
}
.abstract {
	text-align:justify;
}
.etichettaTag {
    border: 1px dotted #dadada;
    padding: 5px;
    font-size:11px;
	background: #edfdff;
    color: #333333;
}
.etichettaTag1 {
    border: 1px dotted #dadada;
    padding: 5px;
    font-size:11px;
	background: #fff0e2;
    color: #333333;
}

.paging {
    border-bottom: 1px dotted #dadada;
	text-align:right;
	padding-bottom:5px;
}
.breadcrumb {
	padding-bottom:15px;
}
select {
    border: 1px solid #dadada;
    padding: 7px;
}
input {
    border: 1px solid #dadada;
    padding: 5px;
    font-size:11px;
}
hr {
    height: 20px;
    visibility: hidden;
}
#wrap {
    float: left;
    width: 990px;
}
/*SPALLA*/
#spalla {
    float: right;
    width: 145px;
    /*background: url(/images/logo.png) no-repeat left top;*/
    margin: 10px 10px 0 55px;
}

#spalla ul {
    margin: 0 4px 0 20px;
    padding: 40px 0 0;
    /*border-top: 2px solid #028acf;*/
    text-align: right;
    font-size: 12px
}
#spalla ul li {
    border-bottom: 1px dotted #dadada;
}
#spalla ul li a {
    display: block;
    padding: 7px 7px 7px 0;
    color: #666;
}
#spalla ul li.active a {
    background: #028acf;
    color: #fff;
}
#spalla ul li a:hover {
    background: #028acf;
    color: #fff;
}
/*CONTENT*/
#content {
    float: right;
    width: 779px;
}
/*HEADER*/
#header_about_box {
	height:150px;
	float:left;
	padding:50px 0 50px 50px;
	background: url(../images/header_home_bg2.jpg) no-repeat left top;
}
#header_home {
    height: 110px;
    padding: 130px 310px 0 40px;
    background: url(../images/header_home_bg2.jpg) no-repeat left top;
}
#header_home h1 {
    font-size: 25px;
    margin: 0 0 10px;
}
#header_home h2 {
    font-size: 18px;
    color: #666;
    font-weight: normal;
}
.ActivaFont {
    font-family:"Century Gothic";
    font-size: 16px;
    color: #666;
}
#header_interna {
    background: url(../images/content_bg.png) repeat-y left top;
}
#header_interna h1 {
    clear: both;
    border: 10px solid #dce1e7;
    background: url(../images/title_bg.png) no-repeat left top;
    width: 699px;
    height: 60px;
    padding: 20px 0 0 60px;
}
.ms-pagetitle
{
	color: #666;
    font-size: 25px;
}
/*SUB MENU*/
#sub_menu {
    float: right;
    height: 26px;
    margin: 20px 30px 0 0;
}
#sub_menu li {
    float: left;
    display: block;
    height: 26px;
    background: url(../images/tab_bg.png) no-repeat left top;
    padding: 0 0 0 10px;
    margin: 0 3px;
}
#sub_menu li a {
    float: left;
    display: block;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    height: 19px;
    background: url(../images/tab_bg.png) no-repeat right bottom;
    padding: 7px 10px 0 0;
}
#sub_menu li a:hover {
    color: #000;
}
/*MAIN*/
#main {
    float: left;
    background: url(../images/main_bg.png) no-repeat left top;
    margin: 2px 0 0;
    width: 719px;
    padding: 20px 30px;
    height:100%;
}
#main #clm {
    float: left;
    width: 67%;
    height:100%;
    color: #666;
    font-size: 12px;
    line-height: 18px;

}
#main #clm .ms-WPBody{
	color: #666;
    font-size: 12px;
    line-height: 18px;
}
.box_article {
	width:100%;
	position:relative;
	float:left;
	margin-bottom:30px;
	text-align:justify;
}
#main h2 {
	font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #dadada; 
}
#main ul{
    padding: 10px 40px;
    list-style-image: url(../images/icon_list.png);
}

/* -- Box Spalla Destra------------------------------------------------------- */

#main #box_approfondimenti {
    float: right;
    width: 208px;
    background: url(../images/box_bg.png) no-repeat center bottom;
    margin: 0 0 20px;
}
#main #box_approfondimenti h4 {
    background: url(../images/box_bg.png) no-repeat left top;
    height: 31px;
    padding: 13px 0 0 40px;
    color: #fff;
    font-weight: bold;
}

#main #box_approfondimenti h3 {
    background: url(../images/box_bg.png) no-repeat left top;
    height: 31px;
    padding: 13px 0 0 40px;
    color: #fff;
    font-weight: bold;
}

#main #box_approfondimenti ul {
    margin: 5px 10px 10px;
    padding: 0 0 0 20px;
}
#main #box_approfondimenti ul li {
    list-style-image: url(../images/icon_list.png);
    border-bottom: 1px dotted #dadada;
    padding: 5px 0;
    font-size: 12px;
}
#main #box_approfondimenti ul.styleNone {
    margin: 5px 10px 10px;
    padding: 0;
}
#main #box_approfondimenti ul.styleNone li {
    list-style-image: none;
    border-bottom: 1px dotted #dadada;
    padding: 7px 5px;
}


#main #box_soluzioni {
    float: right;
    width: 208px;
    background: url(../images/box_bg.png) no-repeat center bottom;
    margin: 0 0 20px;
}
#main #box_soluzioni h4 {
    background: url(../images/box_bg.png) no-repeat left -200px;
    height: 31px;
    padding: 13px 0 0 40px;
    color: #fff;
    font-weight: bold;
}
#main #box_soluzioni h3 {
    background: url(../images/box_bg.png) no-repeat left -200px;
    height: 31px;
    padding: 13px 0 0 40px;
    color: #fff;
    font-weight: bold;
}
#main #box_soluzioni ul {
    margin: 5px 10px 10px;
    padding: 0 0 0 20px;
}
#main #box_soluzioni ul li {
    list-style-image: url(../images/icon_list.png);
    border-bottom: 1px dotted #dadada;
    padding: 5px 0;
    font-size: 12px;
}
#main #box_soluzioni ul.styleNone {
    margin: 5px 10px 10px;
    padding: 0;
}
#main #box_soluzioni ul.styleNone li {
    list-style-image: none;
    border-bottom: 1px dotted #dadada;
    padding: 7px 5px;
}


#main #box_tecnologie {
    float: right;
    width: 208px;
    background: url(../images/box_bg.png) no-repeat center bottom;
    margin: 0 0 20px;
}
#main #box_tecnologie h4 {
    background: url(../images/box_bg.png) no-repeat left -100px;
    height: 31px;
    padding: 13px 0 0 40px;
    color: #fff;
    font-weight: bold;
}
#main #box_tecnologie h3 {
    background: url(../images/box_bg.png) no-repeat left -100px;
    height: 31px;
    padding: 13px 0 0 40px;
    color: #fff;
    font-weight: bold;
}
#main #box_tecnologie ul {
    margin: 5px 10px 10px;
    padding: 0 0 0 20px;
}
#main #box_tecnologie ul li {
    list-style-image: url(../images/icon_list.png);
    border-bottom: 1px dotted #dadada;
    padding: 5px 0;
    font-size: 12px;
}
#main #box_tecnologie ul.styleNone {
    margin: 5px 10px 10px;
    padding: 0;
}
#main #box_tecnologie ul.styleNone li {
    list-style-image: none;
    border-bottom: 1px dotted #dadada;
    padding: 7px 5px;
}



#main #box_evidenza {
	float:right;
    width: 178px;
    padding: 0 15px 10px;
    background: url(../images/box_bg.png) no-repeat center bottom;
    margin: 0 0 20px;

}
#main #box_evidenza h3{
    background: url(../images/box_bg.png) no-repeat right top;
    margin: 0 -15px;
    padding: 15px 15px 10px;
    color: #ff7d00;
}
#main #box_evidenza h4 {
    font-size: 12px;
    color: #028acf;
}

/* -- HOME SERVIZI --------------------------------------------------*/

dl#servizi {
    position: relative;
    border: 10px solid #dce1e7;
    height: 220px;
}
dl#servizi dd {
    width: 150px;
    padding: 0 20px;
    top: 55px;
}
dl#servizi dt {
    width: 150px;
    padding: 0 20px;
}
dl#servizi dt {
    height: 180px;
    position: absolute;
    top: 0;
    color: #028acf;
    font-size: 18px;
    margin: 20px 0 0;
    border-right: 1px dotted #dadada;
}
dl#servizi dt a {
    color: #ff7d00;
}
.elm1 {
    position: absolute;
    left: 0px;
}
.elm2 {
    position: absolute;
    left: 190px;
}
.elm3 {
    position: absolute;
    left: 380px;
}
.elm4 {
    position: absolute;
    left: 570px;
}
/* --------- Box Notizie e Progetti in Home page -------------------------------------------------*/
.box {
    float: left;
    width: 708px;
    border: 1px solid #dadada;
    border-top: 0;
    padding: 20px 35px;
}
.box div.notizie {
	float:left;
    width: 370px;
    /*width: 267px;*/
    padding: 0 35px 0 0;
    margin: 0 35px 0 0;
    border-right: 1px solid #dadada;
    font-size:11px;
    color: #666;
    line-height: 18px;
    text-align:justify;
}
.box div.progetti{
	float:left;
    width: 267px;
    /*width: 370px;*/
    font-size:11px;
    color: #666;
    line-height: 18px;
    text-align:justify;
    padding-bottom:20px;
}
.box div.soluzioni {
	float:left;
    width: 267px;
    /*width: 370px;*/
    font-size:11px;
    color: #666;
    line-height: 18px;
    text-align:justify;
    padding-bottom:20px;
}

.box div.notizie div { /* corregge il div aggiunto dalla DataFormWP*/
				
} 

.box p {
	font-size:11px;
}
.box div h3 {
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 18px;
}
.box div h4 {
    color: #028acf;
    font-size: 12px;
    margin: 0 0 10px;
}
.box div img.left {
    /*border: 1px solid #dadada;*/
    margin: 5px 10px 10px 0;
}
.box div a {
    font-size: 11px;
}
.box div a.servizi {
    color:#ff7d00;
    font-style:normal;
}

/*---------------- FORM-----------------*/
.formLabel {
	color:#000;
}
.formValue {
}
form {
    width: 80%;
    margin: 0px auto;
}
form fieldset {
    float: left;
    width: 100%;
}
form fieldset div {
    float: left;
    width: 40%;
    margin: 0 10% 10px 0;
    #margin: 0 50px 10px 0;
    _margin: 0 20px 10px 0;
    text-align: left;
}
form fieldset div input {
    width: 100%;
    margin: 3px 0 0;
}
form fieldset div#tarea {
    width: 100%;
}
form fieldset div#tarea textarea {
    width: 90%;
    height: 100px;
    #margin: 0 0 10px;
}
form div#button {
    text-align: right;
    padding: 0 10% 0 0;
}
form div#button input {
    background: #028acf;
    color: #fff;
}
/*FOOTER*/
#footer {
    float: left;
    width: 990px;
    padding:20px 10px;
    background: #ecf0f3;
    text-align: center;
}
.footerBox{
    float: left;
    width:230px;
    margin:0 8px;
    font-size:10px;
    line-height: 14px;
    text-align:center
}
#shareThis {
	float:right;
	text-align:right;
}
#footer div strong {
    display: inline-block;
    font-size: 22px;
    color: #028acf;
    font-weight: normal;
    margin: 0 0 10px;
}
#footer h2 {
	display: inline-block;
    font-size: 20px;
    color: #028acf;
    font-weight: normal;
    padding: 0;
}
/*VALIDATOR*/
.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    width: 150px;
    padding-bottom: 15px;
    display: block;
    z-index: 5000;
}
.formError .formErrorContent {
    width: 100%;
    background: #000;
    color: #fff;
    font-family: tahoma;
    font-size: 10px;
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.formError .formErrorArrow {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 15px;
    height: 15px;
}
.formError .formErrorArrow div {
    box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
    font-size: 0px;
}
.formError .formErrorArrow .line10 {
    width: 15px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    font-size: 0px;
    display: block;
}
.formError .formErrorArrow .line9 {
    width: 13px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line8 {
    width: 11px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line7 {
    width: 9px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line6 {
    width: 7px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line5 {
    width: 5px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line4 {
    width: 3px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.formError .formErrorArrow .line3 {
    width: 1px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}


#scheda div{
	font-size:10px;
}
.etichetta a:visited {
    background: #028acf;
    color: #fff;
    font-weight: bold;
    padding:3px;
}
.etichetta a:link {
    background: #028acf;
    color: #fff;
    font-weight: bold;
    padding:3px;
}
.etichetta {
    background: #028acf;
    color: #fff;
    font-weight: bold;
    padding:3px;
}
.etichetta a:hover {
    background: #028acf;
    color: #ccc;
    font-weight: bold;
    padding:3px;			
}


.feed {
  padding: 0 0 0 23px;
  background: url("/images/feed-icon.png") no-repeat;
} 
.feed-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align:left;
}
#main ul.feed-list  {
    padding: 0;
    list-style-image: none;
}
#main div.feed-list-el1 {
	float:left;
	width:150px;
	text-transform:uppercase;
}
#main div.feed-list-el2 {
	float:left;
	width:105px;
}
#main div.feed-list-el3 {
	float:left;
	width:105px;
}
#main div.feed-list-el4 {
	float:left;
	width:105px;
}

li.feed-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: url("/images/feed-icon.png") no-repeat;
}

.feed-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: url("/images/feed-icon.png") no-repeat;
}

li.feed-list a {
  padding: 0 0 0 23px;
  list-style-type: none;
} 

.feed-list li a {
  padding: 0 0 0 23px;
  list-style-type: none;
} 

/*----------- Menu ----------- */
#container_menu{
	width:145px;
	height:auto;
	position:relative;
	float:right;
	padding-right:20px;
}

#container_menu ul li{

}
#spalla ul.sub_menu {
    margin: 0;
    padding: 0;
    border:0;
   
}

.sub_menu{
	display:none;
}
.sub_menu li{
	margin: 0;
	background-image:url(/images/subMenu_bg.jpg);
	background-repeat:no-repeat;
	background-color:#F5F5F5;
	border-top: 1px dotted #e9e9e9;
	border-left: 1px dotted #e9e9e9;
	border-bottom: none;
	font-size:11px;
	}
#spalla ul li .sub_menu li a {
    display: block;
    padding: 7px 7px 7px 0;
    color: #666;
}
#spalla ul li.active .sub_menu li a {
	background-image:url(/images/subMenu_bg.jpg);
	background-repeat:repeat-y;
    color: #666;
}
#spalla ul li .sub_menu li a:hover {
	/*background-image:url(/images/subMenuOver_bg.jpg);
	background-repeat:repeat-y;*/
	background-image:none;
	background-color:#e6f0f5;
    color: #666;
}
