/* ---- Template ARANCIO - con spalla a destra, menu in alto  ---- */

*{ margin: 0; padding: 0; border: 0 }
body { 
	/*font-family:"Trebuchet MS", Tahoma, Verdana;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.2em;
	text-align: center;
}

/* ---- Tipografia  ---- */
h1{  font-size:21px; font-family:Arial, Helvetica, sans-serif; color: #FAF6E6; margin-bottom:15px; line-height:1.1em}
h2{ font-size:18px; font-family:"Trebuchet MS", Tahoma, Verdana; color:#DB1825; margin:10px 0}
h3{ font-size:16px; font-family:"Trebuchet MS", Tahoma, Verdana;color:#3F0105; font-weight:bold}
h4{ font-size:11px; font-weight:bold; margin-bottom:10px 0 }

/* ---- Immagini  ---- */
img.float-right {	margin: 5px 0px 10px 10px; }
img.float-left {	margin: 5px 10px 10px 0px;}

/* ---- link  ---- */
a, a:visited {	background: inherit;text-decoration: underline; color:#DB1825;}
a:hover {background: inherit; text-decoration:none;  color:#DB1825}

/* ---- LAYOUT ---- */
#wrapper {width:900px; background:#fff; margin: 0 auto;text-align: left;  }
#header{background:url(images/content.jpg) 300px 5px no-repeat; height:78px;}
#logo{ float:right; margin:5px 25px  0 0}


#content-wrap {clear: both; background:#FAF6E6 url(images/bg-content.jpg) 0 0px repeat-x;	float: left;width:880px;	padding:15px 10px; 	}
#content{ background:#FFFFFF url(images/content.jpg) 0px -297px no-repeat; padding: 10px 10px; }
#main{ float:left;  width:512px; padding-right:10px; }
#sidebar { float:left;  width: 338px;}

.main{ float:left;  background:#FAF; width:512px; padding-right:10px; margin-top:15px}
.sidebar { float:left;  background:#6E6; width: 358px; margin-top:15px;}



/* ---- Menu NAV ---- */
#menu{  height:34px; position:relative; left:-9px; }
#menuNAV {list-style: none;	padding: 0;	margin: 0; width:880px; background:url(image0s/sprite-nav.jpg) 0 0 no-repeat;}
#menuNAV  li{display: inline; }
#menuNAV  span {display: none; position: absolute;}
#menuNAV li a {outline: none; margin-right:5px; height: 34px; display:block; float:left; overflow:hidden; background: url(images/nav.gif) 0px 0px no-repeat;}

/* a */
#menuNAV li#nav-home a{background-position: 9px top; width:80px;}
#menuNAV li#nav-storia a{background-position: -77px top; width:144px}
#menuNAV li#nav-sostegno a{background-position: -227px top; width:200px}
#menuNAV li#nav-richiedi-pdf a{background-position: -433px top; width:130px}
#menuNAV li#nav-video a{background-position: -570px top; width:180px}

/* a:hover */
#menuNAV li#nav-home a:hover{background-position: 9px -34px; width:80px;}
#menuNAV li#nav-storia a:hover{background-position: -77px -34px; width:144px}
#menuNAV li#nav-sostegno a:hover{background-position: -227px -34px; width:200px}
#menuNAV li#nav-richiedi-pdf a:hover{background-position: -433px -34px; width:130px}
#menuNAV li#nav-video a:hover{background-position: -570px -34px; width:180px}

/* a:active */
#menuNAV li#nav-home a:active{background-position: 9px -34px; width:80px;}
#menuNAV li#nav-storia a:active{background-position: -77px -34px; width:144px}
#menuNAV li#nav-sostegno a:active{background-position: -227px -34px; width:200px}
#menuNAV li#nav-richiedi-pdf a:active{background-position: -433px -34px; width:130px}
#menuNAV li#nav-video a:active{background-position: -570px -34px; width:180px}



/* ---- Main ---- */
#main h2, #mainStoria h2{ margin-bottom:15px}
#main h2 span{color:#3F0105}

/* ---- Sidebar  ---- */	
#sidebar h3{ padding-bottom:7px; border-bottom:1px solid #C2ACA2; margin:10px 0;}

div.box{width:331px; margin-top:15px;  background:url(images/box-sidebar.gif) no-repeat bottom left; padding-bottom:15px} 
div.box div{ background:url(images/box-sidebar.gif) repeat-x top left;  padding:5px 15px 0} 
div.box p{  margin-bottom:5px}

/* .carte{background:url(images/content.jpg) 0 -113px no-repeat; padding-top:25px} */
/* .carte{background:url(images/content.jpg) 140px -95px no-repeat; padding-bottom:15px; font-size: 12px; line-height: 16px;} */
.carte{font-size: 12px; line-height: 16px;}
.pdf{background:url(images/content.jpg) -364px -98px no-repeat; padding: 0 0 4px 44px; }


/* ---- Content Wrap  ---- */
#box-lista{margin:10px 0; padding: 0 0 10px 0; background: url(images/box-lista.jpg)  0 bottom no-repeat;width:502px;}

#box-lista h3{ text-align:center; background:url(images/box-lista.jpg) 0px -200px no-repeat; padding:9px 0;  }	
div.lista-perche{margin-left:10px;padding:0 3px; }


#box-lista ul, #box-lista ul li{margin:0;padding:0;list-style:none}
/*#box-lista ul img{ clear:both; float:left; margin-bottom:7px;}*/
#box-lista ul{overflow: hidden;margin:10px 0;}
#box-lista ul li{float:left;width:155px; margin-right: 5px;display: inline; /*padding-top:73px; */}

.img1{ background:url(images/box-lista.jpg) -14px 0px no-repeat;}
.img2{ background:url(images/box-lista.jpg) -176px 0px no-repeat;}
.img3{ background:url(images/box-lista.jpg) -336px 0px no-repeat;}



/* ----- PAG. STORIA ---- */
#contentStoria{ background:#FFFFFF url(images/top-content-storia.jpg) 0px 0px no-repeat; padding: 10px 0px; }
#mainStoria{ float:left;  width:860px; padding:0 10px; background:#ffffff}
.sx{float:left; width:48%;}
.dx{float:left; width:48%; margin-left:3%}


.mondo{ background:#EDEBEA /*#E9EEF1*/; font-family:"Trebuchet MS", Tahoma, Verdana; font-size:13px; margin-bottom:10px; padding:10px 10px 15px;}
.mondo h4{ font-size:13px; color:#AF0607; font-family:"Trebuchet MS", Tahoma, Verdana; padding-bottom:5px; border-bottom:1px solid #A3A6A8; margin-bottom:5px; }
.mondo ul {list-style:none;}
.elenco-storia {width:430px}
.mondo ul li { background:url(images/content.jpg) -820px -6px no-repeat; padding-left:25px; line-height:1.5em}

.evidenziato{ font-weight:bold}

#mainStoria p, #mainStoria ul { margin-bottom:10px; line-height:1.2em}
#mainStoria ul { list-style:none; margin-bottom:20px;}
#mainStoria ul li { background:url(images/content.jpg) -820px -170px no-repeat; padding-left:20px; line-height:1.2em}



.pullquote {
	width:92%;
	/*float:right;*/
	font-size:140%;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	line-height:130%;
	margin:10px;
	background: url(images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 15px 0px 5px;
}
.pullquote:first-letter {
	background: url(images/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}


/* ----- form contatti ----- 
form{ font-size:13px; color:#333; margin-bottom:0; padding:0 }
fieldset{float:left;width:100%;padding: 0; margin:0}
legend{font-weight:bold; padding:0; margin:0}
form b{color:#F00}
form p{margin:0; font-size:1em}
fieldset div{width:100%; padding: 0; margin:0; }
textarea { padding:2px; height:67px; width:98%; font-size:11px; font-family: Arial, Helvetica, sans-serif; border:1px solid #BEB28A; }
label{float:left;width:80px; display: inline;margin-left: 0px; padding:0; margin:0}
select,  textarea {background:#FAF6E6; padding:2px; }
select{border:1px solid #BEB28A; }
div#extra_contatto input, div#conferma input{ margin-right:10px;  }	
div#extra_contatto label, div#conferma label{ width:37%}	
input.txt{ width:100%; padding:2px;  border:1px solid #BEB28A;background:#FAF6E6;}

#go{ background:url(images/btn-invia.jpg) 0 0 no-repeat; width:122px; height:38px ; margin-top:10px;  cursor:pointer; padding-left:37px; font-size:22px; color:#000}	
*/	
form div{ margin-bottom:6px}
form b{color:#F00}
form p{margin:0; font-size:1em}
label{float:left;width:50%; display: inline;margin-left: 0px; padding:0; margin:0; clear:both; line-height:2em; height:2em}
input.txt{ width:90%; padding:2px;  border:1px solid #BEB28A;background:#FAF6E6;}
select,  textarea {background:#FAF6E6; padding:2px; }
select{border:1px solid #BEB28A; }
div#extra_contatto input, div#conferma input{ margin-right:10px; line-height:2em; height:2em;  }	
div#extra_contatto label, div#conferma label{ width:30%;}	
div#extra_contatto p{ line-height:1.8em; height:1.8em; }
#telefono{border:1px solid #BEB28A;background:#FAF6E6;padding:2px; margin-bottom:5px;  line-height:1em!important; height:1em!important;}
#uno input{border:1px solid #BEB28A;background:#FAF6E6;padding:2px;line-height:1em!important; height:1em!important;}

#go{ background:url(images/btn-invia.jpg) 0 0 no-repeat; width:122px; height:38px ; margin-top:10px;  cursor:pointer; padding-left:37px; font-size:16px; font-weight:bold; color:#000}	


/* ---- ---- footer  ---- */
#footer {
	margin: 0 auto;
	clear:both;
	width: 900px;
	padding: 10px 0 30px 0;
}
#footer p{
	text-align: center;}
	
/* ---- classi per allineare immagini, paragrafi etc...  ---- */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* ---- altre classi  ---- */
.clear { clear: both; }