/*
STYLES Chiossone
*/
body{
	background-image: url(../img/sfondo.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	margin:0;
	padding:0;
	line-height: 120%;

}
#wrapper{
 width:950px;
 margin:auto;
}
#header{
	position:absolute;
	width:950px;
	margin:auto;
	margin-top:39px;
	top: 0px;

}
#msgMail{
  position:relative;
  margin-left: 400px;
  margin-bottom: 200px;
}
#contatti{
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	float:left;
	margin-left:38px;
	line-height: 120%;
}
#flashPlayer{
padding:70px;width:248px;height:78px
}
#powered{
  margin-top:3px;
  margin-left:46px;
  margin-right:46px;
  padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:80%;
  float:left;
  line-height: 100%;
}

#footer img{
  float:left;
}

#menu{
 margin-left:190px;
 position:relative;
 margin-top:51px;
}
#body{
	position:absolute;
	width:950px;
	margin:auto;
	margin-top:172px;
	
}
#body_interno{
	position:relative;
	width:950px;
	margin:auto;
	top: 172px;
}
#roversitop{
    position:relative;
	width:950px;
	margin:auto;
	margin-top:0px;
	top: 0px;
}
#roversibottom{
    position:relative;
	width:950px;
	margin:auto;
	margin-top:0px;
}
#content{
	position:relative;
	width:455px;
	text-align: left;
	margin-left:0px;
	margin-top:0px;
	top: 30px;


}
#box{
position:relative;
	line-height: 120%;
	font-weight: lighter;
	text-align: left;
	vertical-align: top;
	padding: 12px;
	border: thin solid #bfb6a5;
	width: 330px;
	margin-left:585px;
	margin-top:-215px;
z-index:1000;
}
#box2{
position:relative;
	line-height: 120%;
	font-weight: lighter;
	text-align: left;
	vertical-align: top;
	padding: 12px;
	border: thin solid #bfb6a5;
	width: 330px;
	margin-left:585px;	
  z-index:1000;
	margin-top:10px;

}
#box3{
	position:absolute;
	line-height: 120%;
	font-weight: lighter;
	text-align: left;
	vertical-align: top;
	padding: 12px;
	border: thin solid #bfb6a5;
	height: auto;
	width: 310px;
	margin-left:25px;
	top: 387px;
	left: 4px;
}
#box4{
    position:absolute;
	line-height: 120%;
	font-weight: lighter;
	text-align: right;
	vertical-align: top;
	padding: 12px;
	border: thin solid #bfb6a5;
	height: auto;
	width: 310px;
	margin-left:25px;
	top: 510px;
}
#box5{
	position:absolute;
	line-height: 120%;
	font-weight: lighter;
	text-align: left;
	vertical-align: top;
	padding: 12px;
	border: thin solid #bfb6a5;
	height: auto;
	width: 310px;
	margin-left:25px;
	top: 191px;
	left: 4px;
}
#box6{
	position:absolute;
	line-height: 120%;
	font-weight: lighter;
	text-align: right;
	vertical-align: top;
	padding: 12px;
	border: thin solid #bfb6a5;
	height: auto;
	width: 310px;
	margin-left:25px;
	top: 315px;
}
#footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #285B6A;
	margin-top:-20px;
}
ul{

}
li{
 display: inline;
 float:left;
 margin-right:6px;
}
.videoFlash{
  float:left;
}
.imglogo{
 display: inline;
 text-align: left;
 float:left;
}
a:link {
	color: #285B6A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #285B6A;
}
a:hover {
	text-decoration: underline;
	color: #398195;
}
a:active {
	text-decoration: none;
	color: #398195;
}
.testo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
}
.testo_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #000000;
}
a.testo_box:link {
	color: #000000;
	text-decoration: none;
}
a.testo_box:visited {
	text-decoration: none;
	color: #000000;
}
a.testo_box:hover {
	text-decoration: underline;
	color: #398195;
}
a.testo_box:active {
	text-decoration: none;
	color: #398195;
}
.titolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 220%;
	font-weight: lighter;
	color: #285B6A;
	line-height: 120%;
}
.sottotitolo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 128%;
	font-weight: lighter;
	color: #285B6A;
	line-height: 120%;
}
.breadcrumb {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #4a4a4a;
}
.box_piccolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #333333;
	line-height: 120%;
}

/*

.rollover{
  float:left; 
}
.rollover a.progetti { display:block; }
.rollover a.cinquepermille { display:block; }
.rollover a.toolBraille { display:block; }
.rollover a.chisiamo { display:block; }

a.progetti:link {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
	background-image: url(../img/progetti.gif);
}
a.progetti:visited {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/progetti.gif);
}
a.progetti:hover {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/progetti_B.gif);
}
a.progetti:active {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/progetti.gif);
}

a.cinquepermille:link {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
	background-image: url(../img/5per1000.gif);
}
a.cinquepermille:visited {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/5per1000.gif);
}
a.cinquepermille:hover {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/5per1000_B.gif);
}
a.cinquepermille:active {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/5per1000.gif);
}

a.toolBraille:link {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
	background-image: url(../img/nome_braille.gif);
}
a.toolBraille:visited {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/nome_braille.gif);
}
a.toolBraille:hover {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/nome_braille_B.gif);
}
a.toolBraille:active {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/nome_braille.gif);
}

a.chisiamo:link {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
	background-image: url(../img/chi_siamo.gif);
}
a.chisiamo:visited {
  position: relative;
  width: 166px;
  height:58px;
	text-decoration:none;
  background-image: url(../img/chi_siamo.gif);
}
a.chisiamo:hover {
  position: relative;
  width: 166px;
  height:58px;
  text-decoration:none;
  background-image: url(../img/chi_siamo_B.gif);
}
a.chisiamo:active {
  position: relative;
  width: 166px;
  height:58px;
  text-decoration:none;
  background-image: url(../img/chi_siamo.gif);
}*/
#bordo{
	position: relative;
	border: thin solid #bfb6a5;
	height:100%;
	width: 950px;
	background-color: #FFFFFF;
	margin-top:-1px;
}
#breadcrumb{
	height: auto;
	width: auto;
	background-color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #bfb6a5;
	border-right-color: #bfb6a5;
	border-bottom-color: #bfb6a5;
	border-left-color: #bfb6a5;
}
#titolo_pag{
	height: auto;
	width: 364px;
	text-align: right;
}
#immagine_sx{
	position:absolute;
	height: 610px;
	width: 364px;
	text-align: right;
	top: 132px;
	left: 0px;
}
#contenuto_testo{
    position:relative;
	width:510px;
	text-align: left;
	margin-left:400px;
	margin-top:-5px;
	top: -5px;
}
#contenuto_testo2{
	position:relative;
	width:516px;
	height: 470px;
	text-align: left;
	margin-left:380px;
/*	margin-top:-25px;
	top: -25px;
	*/background-image: url(../img/braille_sfondo.jpg);
	padding-left: 50px;
	/*padding-right: -110px;*/
}
#contenuto_testo_anteprima{
	position:relative;
	width:516px;
	height: 470px;
	text-align: left;
	margin-left:380px;
/*	margin-top:-25px;
	top: -25px;
	*/background-image: url(../img/braille_sfondo_anteprima.jpg);
	padding-left: 50px;
	/*padding-right: -110px;*/
}
#contenuto_testo3{
	position:absolute;
	width:347px;
	height: 63px;
	text-align: left;
	margin-left:0px;
	top: 60px;
	left: 30px;
}
#contenuto_testo4{
	position:absolute;
	width:494px;
	height: 63px;
	text-align: left;
	margin-left:0px;
	top: 128px;
	left: 30px;
}
#contenuto_testo5{
	position:absolute;
	width:510px;
	height: 159px;
	text-align: left;
	margin-left:0px;
	top: 299px;
	left: 30px;
}
#contenuto_braille{
	position:absolute;
	width:450px;
	height: 68px;
	text-align: left;
	margin-left:0px;
	top: 245px;
	left: 73px;
}
.hidden{  
   text-indent: -9999px;
   font-size: 1px;
   height: 1px;
   width: 1px;
   overflow: hidden;
   position: absolute;
   left: -9999px; 
}

.form_braille {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #000000;
	background-color: #F4F3DF;
	width: 88%;
	border: thin inset #996633;
	text-align: right;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.form_braille_foto {
background-image: url(../img/braille_sfondo_2.jpg);
    font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #000000;
	width: 450px;
	text-align: right;
	padding-top: 15px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 15px;
}


/*MENU SITO*/

/*CHI SIAMO*/
.rolloverCS {
	width: 166px;
  height:58px;
}
.rolloverCS IMG {
	BORDER-TOP-STYLE: none; 
  BORDER-RIGHT-STYLE: none; 
  BORDER-LEFT-STYLE: none; 
  BORDER-BOTTOM-STYLE: none
}
.rolloverCS A {
	DISPLAY: block
}
.rolloverCS A:hover IMG {
	DISPLAY: none
}
.rolloverCS A:focus {
	background-image: url(../img/chi_siamo_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
.rolloverCS A:hover {
	background-image: url(../img/chi_siamo_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
#chisiamopulsante{
  background-image: url(../img/chi_siamo.gif);
  width: 166px;
  height:58px;
 text-decoration:none;
}
/*5PER1000*/
.rollover5P {
	width: 166px;
  height:58px;
}
.rollover5P IMG {
	BORDER-TOP-STYLE: none; 
  BORDER-RIGHT-STYLE: none; 
  BORDER-LEFT-STYLE: none; 
  BORDER-BOTTOM-STYLE: none
}
.rollover5P A {
	DISPLAY: block
}
.rollover5P A:hover IMG {
	DISPLAY: none
}
.rollover5P A:focus {
	background-image: url(../img/5per1000_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
.rollover5P A:hover {
	background-image: url(../img/5per1000_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
#cinqueper1000pulsante{
  background-image: url(../img/5per1000.gif);
  width: 166px;
  height:58px;
 text-decoration:none;
}
/*PROGETTI*/
.rolloverPR {
	width: 166px;
  height:58px;
}
.rolloverPR IMG {
	BORDER-TOP-STYLE: none; 
  BORDER-RIGHT-STYLE: none; 
  BORDER-LEFT-STYLE: none; 
  BORDER-BOTTOM-STYLE: none
}
.rolloverPR A {
	DISPLAY: block
}
.rolloverPR A:hover IMG {
	DISPLAY: none
}
.rolloverPR A:focus {
	background-image: url(../img/progetti_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
.rolloverPR A:hover {
	background-image: url(../img/progetti_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
#progettipulsante{
  background-image: url(../img/progetti.gif);
  width: 166px;
  height:58px;
 text-decoration:none;
}
.bottoni {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bolder;
	color: #ffffff;
	background-color: #285B6A;
	text-align: center;
	padding: 3px;
	border: 2px solid #80A8AC;
}
/*TOOLBRAILLE*/
.rolloverTB {
	width: 166px;
  height:58px;
}
.rolloverTB IMG {
	BORDER-TOP-STYLE: none; 
  BORDER-RIGHT-STYLE: none; 
  BORDER-LEFT-STYLE: none; 
  BORDER-BOTTOM-STYLE: none
}
.rolloverTB A {
	DISPLAY: block
}
.rolloverTB A:hover IMG {
	DISPLAY: none
}
.rolloverTB A:focus {
	background-image: url(../img/nome_braille_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
.rolloverTB A:hover {
	background-image: url(../img/nome_braille_b.gif);
	width: 166px;
  height:58px;
  text-decoration:none;
}
#toolbraillepulsante{
  background-image: url(../img/nome_braille.gif);
  width: 166px;
  height:58px;
 text-decoration:none;
}
.nascosto {display:none;}