@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat);
body {
	margin:0;
	padding:0;
	width:100%;
	color:#fff;
	font:normal 14px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	background:#f7f7f7 url(../images/bgg.jpg) repeat left top;
	min-height:800px;
	letter-spacing:1px;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	background:url(../images/hbg_bg.gif) repeat-x left top;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	font-family:'Montserrat',sans-serif;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#ffae00;
	text-decoration:underline;
}

.header, .content, .art-nav, .fbg, .footer, form, ol, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}
.logo {
	padding:0;
	width:auto;
	float:left;
	height:110px;
	width:480px;
}
h1 {
	margin:0;
	padding:44px 0 0;
	font-size:22px;
	font-weight:normal;
	line-height:1.2em;
	display:inline-block;	color:#555;
	font-family:'Montserrat',sans-serif;

}

.art-postcontent h1 {
	
	color:#BEDBEC}

h1 a, h1 a:hover {

	text-decoration:none;
}
h1 span {
}
h1 small {
	display:block;
	font-size:15px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:lowercase;
	color:#3f3f3f;
}
.slider {
	padding:0 0 8px;
}
.art-nav {
	margin:0 auto;
	padding:0;
	float:right;
	height:88px;
	font-size:12px;
		z-index:100;

}
.art-nav ul {
	list-style:none;
	padding:0;
	/*height:128px;
	*/float:left;
}
.art-nav ul li {
	margin:0;
	padding:0;
	float:left;
}


.art-nav ul li a {
	display:block;
	margin:0;
	padding:20px 0px 20px 0px;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#3f3f3f;
	text-decoration:none;
	text-transform:uppercase;
		font-family:'Montserrat',sans-serif;
	
   background-image: linear-gradient( #BEDBEC , #BEDBEC 50%, transparent 50%, transparent );
    background-position: 0 100%;  
    background-size: 200% 200%;
    transition: all .25s ease-in;
  
}
.art-nav ul a.active , .art-nav ul li a:hover {
	text-decoration:none;
    background-position: 0 0;	
}

.art-nav ul li  ul li a {
		padding:18px 6px 18px 6px;
	}

.art-nav ul li  ul li a:hover, .art-nav ul li  ul li a.active {		
   background-color:   #BEDBEC;
	}

/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {
	outline:none;
}
.art-menu, .art-menu ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	display:block;
}
.art-menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	float:right;
	position:relative;
	z-index:5;
}
.art-menu li:hover {
	z-index:10000;
	white-space:normal;
	}
.art-menu:after, .art-menu ul:after {
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both;
}
.art-menu {
	min-height:0;
	padding:0;
}


/* menu structure */
.art-nav-wrapper {
	position:relative;
	width:790px;
	margin:0 auto;
}
.art-menu ul{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  right: 0;
  /*top: 0;*/

  min-height: 0;

  /*padding: 10px 30px 30px 30px;
  */margin: -10px 0 0 -130px;
}
.art-menu li:hover>ul{
  visibility: visible;
  top: 100%;
}
.art-menu li li:hover>ul{
  top: 0;
  left: 100%;
}
/* end menu structure */

/* begin MenuItem */
.art-menu a {
	position:relative;
	display:block;
	overflow:hidden;
	height:31px;
	cursor:pointer;
	text-align:left;
	text-decoration:none;
	font-size:12px;
}
.art-menu ul li {
	margin:0;
	clear:both;
	width: 100%;
}
.art-menu a .r, .art-menu a .l {
	position:absolute;
	display:block;
	top:0;
	z-index:-1;
	height:151px;
	
}
.art-menu a .l {
	left:0;
	right:0;
}
.art-menu a .r {
	width:400px;
	right:0;
	clip:rect(auto, auto, auto, 400px);
}
.art-menu a .t, .art-menu ul a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {
	text-align:left;
	text-decoration:none;
}
.art-menu a .t {
	color:#3f4246;
	padding:0 15px;
	margin:0;
	line-height:34px;
	text-align:center;
}
.art-menu a:hover .l, .art-menu a:hover .r {
	top:-43px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r {
	top:-43px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r {
	top:-43px;
}
.art-menu a:hover .t {
	color:#000000;
}
.art-menu li:hover a .t {
	color:#000000;
}
.art-menu li:hover>a .t {
	color:#000000;
}
.art-menu a.active .l, .art-menu a.active .r {
	top:-86px;
}
.art-menu a.active .t {
	color:#000000;
}
/* end MenuItem */
/* end Menu */


/* begin MenuSubItem */
.art-menu ul a {
	display: block;
	white-space: nowrap;
	height: 26px;
/*	width: 150px;
*/	overflow: hidden;
		border-width: 0px;
	border-style: solid;
	border-color: #56A7D2;
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 26px;
	color: #1F1F1F;
	font-size: 13px;
	margin:0;
	padding:0;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span {
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}
.art-menu ul a:link,
.art-menu ul a:visited,
.art-menu ul a:hover,
.art-menu ul a:active,
.art-nav ul.art-menu ul span,
.art-nav ul.art-menu ul span span {
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 26px;
	color: #1F1F1F;
	font-size: 13px;
	margin:0;
	/*padding:0;*/
}
.art-menu ul li a:hover {
	color: #000000;
	border-color: #82BEDE;
	background-position: 0 -26px;
}
.art-menu ul li:hover>a {
	color: #000000;
	border-color: #82BEDE;
	background-position: 0 -26px;
}

/*sottomenu*/
.art-menu li ul   {
		margin-top:0px;display:block;margin-left:0px;padding-left:0px;
}

.art-menu li ul li a {
		display:block;padding:0px 11px;background:white
}


.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span {
	}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span {
	}
/* end MenuSubItem */



/* begin Contactsbackground:#eee;
 */
td.ContattiLabelTextNormal {
	padding:6px 0px;
	line-height:19px;
	font-weight:bold;
	display:block;
	margin-top:1px;
	font-size:12px;
}
.ContattiRequiredField {
	background:#ae4848;
	}
.required-field {
	
	font-size:9px;
	color:white;
	padding:1px;
	margin-top:5px;
	background:#ae4848;
	width:90px;
	text-align:center;
	letter-spacing:1px;
}
.personal-info{
	font-size:9px;
	padding:3px;
	margin-top:15px;
	line-height:12px;
	text-align:justify;
}
/* end Contacts */




/* begin Elenco */
.ProjectListDiv {
	margin-top:15px;
}
.ProjectListDiv  td h3 {
	margin:14px 0 4px;
}
.ProjectListImg {
	display:block;
}
.ProjectListRowNormal {
	background:transparent;
    
	border-top:1px solid #ddd;
	border-bottom:none;
	border-left:none;
	border-right:none;
	
}
.ProjectListRowHover {
	background:#82BEDE;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:1px solid #6e8e9e;

	color:#222;
	cursor:pointer;
	}
.list_title {
		padding:11px 10px;
	border-bottom:1px solid #FFFFFF;
}
.list_text {
	margin:10px 0;
	padding:10px;
}
.list_img {
	display:inline;
	width:178px;
	height:118px;
	margin-left:3px;
	margin-bottom:5px;
}
.list_back a, .list_back a:visited {
	margin:18px 5px;
	float:left;
	width:150px;
	color:#3F4246;
}
.list_back a:hover {
	color:#ae4848;
}
.list_buttons {
	width:430px;
	margin:10px 0;
	float:right;
}
.list_center_btn {
	float:left;
}
.list_right_btn {
	float:right;
	margin-right:5px;
}
/* end Elenco */





/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	position:relative;
	top:0;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	color: #fff !important;
	width: auto;
	outline: none;
	border: none;
	background: none;
	line-height: 31px;
	height: 31px;
	margin: 0 !important;
	padding: 0 16px !important;
	overflow: visible;
	cursor: pointer;
}

.art-button-wrapper a.art-button:hover,
.art-button-wrapper input.art-button:hover,
.art-button-wrapper button.art-button:hover {
background:#466473;
}

.art-button img, .art-button-wrapper img {
	margin: 0;
	vertical-align: middle;
}
.art-button-wrapper {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	height: 31px;
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	margin: 0;
	padding: 0;
	z-index: 0;
	float:right;
}
.firefox2 .art-button-wrapper {
	/*display: block;*/
	/*float: left;*/
}
input, select, textarea {
	vertical-align: middle;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	padding:7px;
	background:transparent;
	border-right:none;
	border-left:none;
border-bottom:2px solid #eee;
color:white;
border-top:none;

	
}
.art-block select  {
	width:96%;
}
.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover {
	text-decoration: none !important;
}
.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link {
	color: white !important;
}
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {
	display: block;
	position: absolute;
	height: 109px;
	margin: 0;
	padding: 0;
	background: #6e8e9e;
	color:white;
	font-size:18px;
}
.art-button-wrapper .art-button-l {
	left: 0;
	right: 9px;
}
.art-button-wrapper .art-button-r {
	width:411px;
	right:0;
	clip:rect(auto, auto, auto, 402px);
}
.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r {
	top:-38px;
}
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r {
	top:-76px;
}
.art-button-wrapper input {
	float: none !important;
}
/* end Button */

ul {
	margin-left:22px;
}
.content {  
	background: #222;
}
.content_resize {
	margin:0 auto;
	padding:24px 0;
	width:960px;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:left;
	width:670px;
}
.content .mainbar h2 {
	margin-bottom:10px;
	padding-bottom:0;
	font-size:30px;
	line-height:1.2em;
}
.content .mainbar div.img {
	padding:12px 0 0;
	float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:none;
}
.content .mainbar .article {
	margin:0 0 40px;
	padding:20px;
	background:#222;
}
.content .mainbar .post_content {
	float:left;
	width:510px;
}
.content .sidebar {
	padding:0;
	float:right;
	width:240px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:0 0 24px;
}
ul.ex_menu {
	margin:0;
	padding:11px;
	list-style:none;
	color:#BEDBEC;
	font-size:14px;
	border:1px dotted #555;
}
ul.ex_menu li {
	margin:0;
}
ul.ex_menu li {
	padding:4px 0;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#BEDBEC;

	text-decoration:none;
}
ul.ex_menu li a:hover {
	color:#555;
	font-weight:bold;
	text-decoration:none;
}
.fbg {
}
.fbg_resize {
	margin:0 auto;
	width:920px;
	padding:24px 20px;
	/*background:#eaeaea;*/
	color:#6e6e6e;
}
ol {
	list-style:none;
}
.footer {
	bottom: 0;
	position:absolute;
    text-align: center;
    width: 100%;
	background-color:#000;
	}html > body .footer { position:fixed;}
	

.footer_resize {
	margin:0 auto;
	/*padding:12px 0;*/
	width:960px;
	color:#6e6e6e;
	line-height:1.5em;

	padding-bottom:3px;
	padding-top:6px;
	padding-left:43px;
background:url(../images/logo_dav_prof.png) no-repeat;

}
.footer_resize p {
	margin:24px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#ccc;
	font-weight:bold;
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#eee;
	background-color:transparent;
	text-decoration:none;
}

.footer_resize a.login{
background-color: #444;
background-image:  url(../images/login.png);
background-repeat: no-repeat;
background-position: right;
padding: 3px 27px 3px 7px;
text-decoration: none;
color:#eee
}

.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}

.bottoni_social{
	background:black;
}
a {
	outline:none;
}
.barra {
	position:absolute;
	width: 100%;
	background-color:#F00;
	float: left;
	text-align:center;
	}

/* box login*/	
#ctl00_PopupPlaceHolder_LoginControl_LoginPopup_MainPanel{
	background:#fff;padding:22px;box-shadow:1px 1px 13px #333;border-top:4px solid #000}
	
/* alert errore login*/
.art-block{
	background:#fff;padding:22px;color: #222;
}
.art-block div{
border:none;
}


.login-label{
	padding-right:11px;
}
.SocialPanel{
box-shadow:none;width:960px;margin:0 auto;min-height: 72px;
	
}

.SocialPanel div{
display:inline-block;padding:4px;
	
}
.login-edit input{
color:#222
	
}

.slider img, .ProjectImageDiv #slideshowImageFade,  #slideshowImageFade, #ImageFade img {
	width:960px;
	height:360px;
}
.gm-style-iw{
	color:#444}


/* responsive */

@media handheld, only screen and (max-width: 767px) {

body {
 


  text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}


.logo, .content, .content_resize, .header_resize, .mainbar, .sidebar, .gadget, .ex_menu, .SocialPanel, .content .sidebar, .content .mainbar, .art-menu, .art-nav {
width:100%;float:none;
}
.slider,.slider img, .ProjectImageDiv #slideshowImageFade img,  #slideshowImageFade, .slider #ImageFade{
	width:100%
}
html > body .footer {position:relative;}
 .ex_menu li{
	width:49%;
	display:inline-block
}
.logo{
	height: 110px;
}

.art-nav ul li a {
      padding: 18px 0px 10px;
    }
    
    .content_resize {
	padding:0px;
}
.bo{width: 66.66%;}

}



@media handheld, only screen and (max-width: 600px) {
.slider, .slider img, .ProjectImageDiv #slideshowImageFade img, #slideshowImageFade, .slider #ImageFade {
    width: 100%;
}

}