@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
body
	{ margin: auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #a1a1a1}
	
td
	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px}
	
head1				{margin: auto; width: 100%; display:block; min-height: 160px; position:fixed; top: 0px; left: 0px; z-index: 1000; background: url(img/head.png) repeat-x bottom; }

head1b				{margin: auto; width: 100%; display:block; min-height: 90px;}

head1 #headA		{ max-width: 1000px; width: 100%;  margin: auto; height: 124px; display:block; position: relative;}
head1 #headA #logo	{position: absolute; left: 0px; top:0px; z-index: 1002 }
head1 #headA #nav   {position: absolute; right: 0px; top: 78px; width:100%; height: 50px; /* font-family: 'OswaldBook', Arial, sans-serif;*/ font-family: 'Oswald', sans-serif;}
head1 #headA #nav li 	{list-style:none}
head1 #headA #arearis	{position:  absolute; top:30px; right: 20px; width: 40%; font-size: 12px; font-family:Arial, Verdana; text-align: right}
head1 #headA #arearis form { padding: 0px; margin: 0px; color: #6d6d6d}
head1 #headA #arearis input { padding: 4px; border-radius: 4px; margin: 3px; border: 1px solid #EEE; width: 80px;}
head1 #headA #arearis .invio	{background:#6d6d6d; color: #FFFFFF; font-weight:bold; cursor: pointer}
head1 #headA #arearis form a {color: #6d6d6d}
head1 #headA #arearis form a:hover { color: #a9a9a9}
head1 #headA #ling	{position: absolute; right: 20px; top:24px; width: 300px; text-align:right;}
head1 #headA #ling a img	{margin-right: 20px; border: 0px; width:30px;}


/*------------------------------------------------------------*/

content1			{margin: auto; width: 100%; display:block; /*min-height: 100px;*/ padding-top: 2PX; background:#FFFFFF}
content1 #contentA	{max-width: 1000px;	width: auto; margin: auto; padding-bottom: 20px; padding-top: 20px;  display:block;  position:relative; }
content1 #contentB  {padding-bottom: 0px; padding-top: 0px;}
content1 #contentB #pagina {display:block; PADDING-top:60px; overflow:auto; max-width: 1000px; width: 80%; margin: auto;  line-height: 20px;}
content1 #contentB #pagina #menusx  {float: left; width: 26%; margin-right: 2%; display:block; overflow: auto}
content1 #contentB #pagina #contBB	{float: left; max-width: 64%; width:auto; padding-LEFT: 2%; display:block; }

content1 #contentB #pagina #contatti {text-align:center; min-height: 460px;}
content1 #contentB #pagina #contatti form input	{border: 1px solid #ddd; border-radius: 6px; padding:8px 8px;}
content1 #contentB #pagina #contatti form select	{border: 1px solid #ddd; border-radius: 6px; padding:8px 8px; max-width: 258px;}
content1 #contentB #pagina #contatti form textarea	{border: 1px solid #ddd; border-radius: 8px; padding: 8px 10px; max-width: 300px}
content1 #contentB #pagina #contatti form label		{text-align:right; padding-right: 10px;  display:block;}
content1 #contentB #pagina #contatti form textarea, 
content1 #contentB #pagina #contatti form input, 
content1 #contentB #pagina #contatti form select	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
content1 #contentB #pagina #contatti table	{width: 60%; margin: auto; border-TOP: 1px solid #DDD;}
content1 #contentB #pagina #contatti table td	{border-bottom: 1px solid #DDD; padding:3px;}
content1 #contentB #pagina #contatti #risposta	{width: 60%; margin:auto; text-align:left; padding: 10px; }
content1 #contentB #pagina #contatti #risposta li	{color: #c00;}
content1 #contentB #pagina #contatti a	{color: #4083b6; text-decoration:none}
content1 #contentB #pagina #contatti a:hover	{color: #666}
content1 #contentB #pagina #contatti form input.input3, content1 #contentB #pagina #contatti form button.input3	{ background: #85ca7c; padding: 8px 16px; font-weight:bold; border-radius: 6px; border: 1px solid #aaa; cursor:pointer; color: #FFFFFF; margin-top: 14px;}	

content1 #contentB #pagina #contatti #elenco-doc	{margin-top: 20px;}
content1 #contentB #pagina #contatti #elenco-doc td	{text-align:left;}

content1 #contentB #pagina #staff	{width: 96%; padding-left: 1%; margin: auto; text-align:center; margin-top: 20px; min-height: 400px; }
content1 #contentB #pagina #staff #xstaff	{ display:block; float:left; width: 40%; padding: 2%; margin: 2%; overflow: auto; min-height: 70PX; border-radius: 4px; border: 1px solid #BBB}
content1 #contentB #pagina #staff #xstaff span 	{font-family: 'OswaldBook', Arial, sans-serif; font-size: 16px; line-height: 32px;}
content1 #contentB #pagina #staff #xstaff #xfoto	{float:left; margin-RIGHT: 6PX;}
content1 #contentB #pagina #staff #xstaff #xfoto IMG	{max-height: 200px;}
content1 #contentB #pagina #staff #xstaff a	{text-decoration: none; color: #999; display:block}
content1 #contentB #pagina #staff #xstaff a:hover	{color: #666}
content1 #contentB #pagina #contBB #ximg	{text-align:center; display:block; width: 100%;}
content1 #contentB #pagina #contBB #ximg .imgbord	{border: 1px solid #f3f2f2; padding: 6px;}
content1 #contentB #pagina #contBB #ximg img	{width: 90%;}
/* home page ----*/
content1 #contentA	#blcentro	{ width: 100%; display:block; overflow: hidden; text-align:center; line-height: 18px;}
content1 #contentA	#blcentro #nomenu  {float: left; width: 26%; display:block; overflow:auto}
content1 #contentA	#blcentro #contAA  {float: left; width:73%; padding: 0 0 0 1%; display:block; }
content1 #contentA	#blcentro #contAA .testo1	{ line-height: 22px; text-align:left; text-align:left; display:block}
content1 #contentA	#blcentro #nomenu #home		{display:block; width: 96%; text-align:left; background: #f4f4f4;
   -moz-box-shadow:3px 3px 2px #DDD;
    -webkit-box-shadow:3px 3px 2px #DDD;
    box-shadow:3px 3px 2px #DDD;    }
content1 #contentA	#blcentro #nomenu #home div {display:block; clear:both;  overflow: hidden; border-bottom: 1px solid #cfcfcf; padding: 10px; min-height: 130px; }
content1 #contentA	#blcentro #nomenu #home div img	{float: left; clear:right; margin-right: 6px;}
content1 #contentA	#blcentro #nomenu #home div span	{display:block; margin-bottom: 4px; font-family: 'OswaldBook', Arial, sans-serif; font-size: 18px; line-height: 20px; padding: 3px; }

.test1	{font-size:20px;  font-family: 'apple_garamonditalic', Georgia, Arial; line-height: 22px; text-align: left;  padding-right:20px;}
 
#xwidget	 {width: 99%; margin: auto; text-align:center; margin-top: 10px; min-height:140px; overflow:auto;}
#xwidget #widget { width: 100%; display:block; min-height: 140px;/* float:left;*/ overflow: hidden; }
#xwidget #widget #widimg {width: 40%; margin-right: 20px; display:block; overflow: hidden; float:left; text-align:left}
#xwidget #widget #widimg img	{width: 100%; max-width: 240px;}
#xwidget #widget #widtesto {font-size: 14px; text-align:left; padding: 6px; font-weight:bold} 
#xwidget #widget a, #xwidget #widget a img {border: 0px; text-decoration:none;}
#xwidget #widget a	{color:#333}

/*------------------------------------------------------------*/
pie1				{margin: auto; width: 100%; display:block; background:#a1a1a1; overflow:auto }
pie1 #pieA			{max-width: 1000px;	width: auto; margin: auto; display:block; background:#848484; overflow: auto; overflow-x: hidden;  }
pie1 #pieA #blpie	{  display:block; color: #FFF; text-align:center; padding-top:12px; padding-bottom: 6px;  min-height:26px;}
pie1 #pieA #blpie a	{color:#FFFFFF; text-decoration:none; font-weight:bold; line-height: 26px;}
pie1 #pieA #blpie a:hover	{color: #CCC}
/*------------------------------------------------------------*/

 

	
/* misura */
head1, content1, pie1 { min-width: 320px;}

@media only screen and (max-width:880px)
{
head1 #headA, content1 #contentB #pagina	{ width: 100%}
head1				{position: static; z-index: 1000; background: url(img/head.png) repeat-x bottom; }
head1b				{min-height: 0px;}
content1 #contentB #pagina #menusx  { width: 30%;}
content1 #contentB #pagina #contBB	{float: left; max-width: 60%}
}

@media only screen and (max-width:380px)
{
content1 #contentA	#blcentro #nomenu  { width: 100%; display:block; clear:both; float:none}
content1 #contentA	#blcentro #contAA  { width: 99%; display:block; clear:both; float:none }
}

/*------------------------------------------------------------*/

head1 #headA a, .invio, pie1 #pieA #blpie a, #social a
					{opacity: 1; transition: opacity .25s ease-in-out;
					-moz-transition: opacity .25s ease-in-out;
					-webkit-transition: opacity .25s ease-in-out}
head1 #headA a:hover, .invio:hover,  pie1 #pieA #blpie a:hover, #social a:hover		
					{opacity: 0.5; color:#363636}
					
content1 #contentA	#blcentro a, content1 #contentB #pagina #menusx a
					{opacity: 1; transition: opacity .25s ease-in-out;
					-moz-transition: opacity .25s ease-in-out;
					-webkit-transition: opacity .25s ease-in-out}
content1 #contentA	#blcentro   a:hover, content1 #contentB #pagina #menusx a:hover		
					{opacity: 0.5; color:#363636}					

a img	{border: 0px;}
 



.titolo1 {font-family: 'OswaldBook', Arial, sans-serif; font-size: 18px; line-height: 34px; display:block; text-align:center; 
border-bottom: 1px solid #f3f2f2; margin-bottom: 8px;}
bt-.titolo, a.bt-titolo {font-family: 'OswaldBook', Arial, sans-serif; font-size: 18px; line-height: 28px; display: inline-block; text-align:center;  color:#6cb762; padding: 10px 40px; border: 1px solid #E4E4E4; border-radius: 6px;  }
	
 
content1 #contentB #pagina #menusx 	{font-family: 'OswaldBook', Arial, sans-serif;}
content1 #contentB #pagina #menusx .mn-tit	{font-size: 16px; line-height: 28px;  background: url(img/li.png) no-repeat left; padding-left: 26px;}
content1 #contentB #pagina #menusx .mn-bott	{ margin: 6px; display:block; font-size: 14px; border-TOP:1px solid #d1d1d1; }
content1 #contentB #pagina #menusx .mn-bott a		{line-height:28px; border-bottom:1px solid #d1d1d1; border-LEFT:1px solid #e9e9e9; border-RIGHT:1px solid #e9e9e9; border-top:1px solid #FFF; background:#f3f2f2; text-align: left; display:block; width: auto; color:#5b9f52; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; text-decoration:none}
content1 #contentB #pagina #menusx .mn-bott a:hover	{color: #333; }
content1 #contentB #pagina #menusx .mn-bott a#menu_attivo	{ color:#4083b6}

@media only screen and (max-width:380px)
{
content1 #contentB #pagina #menusx .mn-tit	{font-size: 14px; line-height: 28px;  background: inherit; padding-left: 0px;}
content1 #contentB #pagina #menusx .mn-bott	{ display:block; font-size: 14px; border-TOP:1px solid #d1d1d1; }
content1 #contentB #pagina #menusx .mn-bott a {line-height:18px; border-bottom:1px solid #d1d1d1; border-LEFT:1px solid #e9e9e9; border-RIGHT:1px solid #e9e9e9; border-top:1px solid #FFF; background:#f3f2f2; text-align: left; display:block; width: auto; color:#5b9f52; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; text-decoration:none}
}
	
	
.btb, a.btb { color: #4083b6; text-decoration:none}
a.btb:hover	{color: #666}

.validation {
    width: 62px;
    height: 32px;
    font-size: 13px;
    border-radius: 3px;
    vertical-align: middle;
}	
	
	
#inrete {display:block; clear:both; float:right; margin: 6px;}	

/*
@media only screen and (max-width:400px)
{
#mailing { position: absolute; top: 40px; display:block; clear:both; zoom: 0.5}
#social img	{ width: 16px; margin-left: 2px;}
#social	{display:block}
}

@media only screen and (max-width:1260px)
{
head1 #headA #nav   { width:100%; }
 
}  
@media only screen and (max-width:1000px)
{
head1 #headA #nav #tabs 	 { text-align:left; margin-top: 40px; }
}  */