/*-----------------------------------------------------------------------------
version:	1.0 del 01/10/2007
author:		federico pizzutto - www.pngised.net
website:	http://www.sosaffido.it/
scope:		foglio di stile principale
            
- Convenzioni -
NOTE:: --> utilizzato per indicare particolari informazioni
HACK:: --> utilizzato per indicare correzioni specifiche
-----------------------------------------------------------------------------*/

/* --> GENERAL
-----------------------------------------------------------------------------*/
/* NOTE:: --> Remove padding and margin */
* {
  margin: 0;
    padding: 0;
}

/* NOTE:: --> Put it back on certain elements
h4, h5, h6, pre, blockquote, table, ul, ol {  margin: 0.5em 0;}
 */

/* NOTE:: --> Remove formatting typography, lists, paragraph, etc. */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
h1, h2, h3, h4, h5, h6, address, caption, cite, th {
	font-style:normal;
	font-weight:normal;
}
ol, ul {list-style:none outside;}
caption,th {text-align:left;}

/* NOTE:: --> Class for clearing floats */
.clear {clear:both;}

/* NOTE:: --> Remove border around linked images */
fieldset, img {	border: 0;}

hr {margin-top: 0.5em; margin-bottom: 0.5em;}

/* --> TYPOGRAPHY, PARAGRAPH, LISTS
-----------------------------------------------------------------------------*/
body {
  font: 62.5%/1.4 Arial, Helvetica, Geneva, Verdana, sans-serif;
  background: url('../images/bk_page.gif') repeat-x;
}
#container {
	font-size: 1.1em;
}
#container p {
	padding-top: 0.2em;
	padding-bottom: 0.8em;
}

#cdx {
	font-size: 1.1em;
}

#cdx p {
	text-align: justify;
}
#cdx ul li {
	background:transparent url('../images/li.gif') no-repeat scroll 0pt 0.3em;
	margin-left:5px;
	padding-left:1em;
}

pre {
	font: 1.1em "Courier New", Courier, mono;
}

dl {
	margin: 1em 0;
	line-height: 1.5em;
}
dd {
	padding-left: 20px;
}
dt{
	font-size: 1.1em;
	font-weight: bold;
	background: url('../images/li.gif') 0 0.3em no-repeat;
	color: #333;
	padding-left: 15px;
	margin-top: 10px;
}
#container dd p
{
	padding-bottom: 0;
}
ol {
	list-style-type: decimal;
	margin: 1em 0 1em 0;
	margin-left: 20px;
}


/* --> HEADINGS
-----------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
h2 {
	font-size: 2em;
	border-bottom: 1px dotted #A82000;
	color: #A82000;
	font-weight: bold;
}
h3 {
	font-size: 1.3em;
	color: #666;
}
h3,h4,h5 {
	font-weight: bold;
}
#cdx h3.subtitle {
	margin-bottom: 1em;
}
.commenti h4 {
	color: #A82000;
	font-size: 1.4em;
	border-bottom: 1px dotted #666;
	background: url(../images/ico_ometti.gif) no-repeat 0 50%;
	padding-left: 3em;
	margin-bottom: 0.2em;
	margin-top: 1em;
}


/* --> LINKS
-----------------------------------------------------------------------------*/
a{
	color: #004374;
}
#csx a{
	text-decoration: none;
}
a#homeLink {
	float: left;
	display: block;
	width: 303px;
	height: 83px;
	margin-left: 30px;
}
.links,.links a {
	color: #666;
	font-size: 90%;
	text-decoration: none;
}
.links a:hover { text-decoration: underline;}

/* --> BRANDING
-----------------------------------------------------------------------------*/
body {background-color: #fff;}
#wrapper {
	width: 900px;
	margin: 0 auto;
}
#header {
	background: #fff url(../images/head.gif) no-repeat 0 0;
	min-height: 98px;
}
#container {
	padding: 0 17px 0 24px;
}
#cdx {
	width: 620px;
	float: right;
}
.home #cdx {
	width: 627px;
	float: right;
}
#csx {
	width: 223px;
	float: left;
}


/* @group Navigation */
/* --> MAIN NAV
-----------------------------------------------------------------------------*/
#header ul { display: block;clear: both;}
#header li {display: inline;}
#menuTop {
	text-align: right;
	margin-right: 25px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#menuTop li {
	font-size: 1em;
	margin-left: 1em;
	color: #fff;
}
#menuTop a {
	color: #fff;
	text-decoration: none;
}
#menuTop a.current { font-weight: bold;}

#menu {
	text-align: center;
	font: bold 1.2em Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 3px 0;
	height: 15px;
}
#menu li {
	padding: 0 1em;
	background: url(../images/ico_menu.gif) no-repeat 0 50%;
}
#menu a {
	color: #000;
	text-decoration: none;
}
#menu a:hover {
	color: #039;
}
#menu a.current {
	color: #A82000;
}

/* --> SUB NAV
-----------------------------------------------------------------------------*/
#csx h3 {
	font: bold 1.3em Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/ico_ometti.gif) no-repeat 0 50%;
	padding: 0.2em 0 0.2em 3em;
	color: #A82000;
	border-bottom: 1px dotted #A82000;
	margin-bottom: 0.3em;
	margin-right: 5px;
}
ul.subMenu{	font-weight: bold;margin-bottom: 2em;}
ul.subMenu li {
	background: url(../images/ico_menu.gif) no-repeat 0 0.4em;
	padding: 0.2em 0 0.2em 1.1em;
}
ul.subMenu ul {
	padding-top: 0.2em;
	padding-left: 1em;
}
ul.subMenu ul li {
	background: url(../images/ico_quadrettoLista.gif) no-repeat 0 0.5em;
	padding-left: 1em;
}
ul.subMenu a {
	color: #000;
	text-decoration: none;
}
#csx ul.subMenu a:hover {
	color: #039;
	text-decoration: underline;
}
ul.subMenu li.current a {
	color: #A82000;
}

/* @end */

/* @group Content */
/* --> MAIN CONTENT home
-----------------------------------------------------------------------------*/
#container {
	padding-top: 10px;
}
.home #cdx
{
 font-size: 1.0em;
}
.home #cdx ul li 
{
	background: transparent;
	margin-left: 0;
	padding-left: 0;
}
.home #container {
	background: url(../images/homeHead.jpg) no-repeat 0 0;
	padding-top: 275px;
}
.boxArancio {
	background: url(../images/bgBoxArancio.jpg) repeat-y 0 0;
}
.boxArancio .bgBox {
	background: url(../images/topBoxArancio.jpg) no-repeat 0 0;
}
.boxArancio .footerBox {
	background: url(../images/footerBoxArancio.jpg) no-repeat 0 100%;
	height: 18px;
	clear: both;
}
.boxArancio ul {
	padding-top: 1em;
	padding-left: 17px;
	position: relative;
}
.boxArancio li {
	float: left;
	width: 139px;
	height: 187px;
	margin-right: 13px;
	padding-top: 24px;
	background: url(../images/boxettino.jpg) no-repeat 0 20px;
	overflow: hidden;
}
.boxArancio h2 {
	color: #A82000;
	font-size: 1.4em;
	position: absolute;
	top: 0.4em;
	border: 0;
}
.boxArancio h2 img {
	padding-right: 0.3em;
	margin-bottom: -0.2em;
}
.boxArancio li a {
	padding-left: 4px;
	font-family: Arial, Verdana, sans-serif;
}
.boxArancio li h5 {	color: #A82000;}
.boxArancio li h5, .boxArancio li p {
	padding: 0 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}
div.boxGrigio{
	background: url(../images/bgBoxGrigio.jpg) repeat-y 0 0;
}
div.boxGrigio .bgBox {
	background: url(../images/topBoxGrigio.jpg) no-repeat 0 0;
	padding: 1em;
}
div.boxGrigio .footerBox {
	background: url(../images/footerBoxGrigio.jpg) no-repeat 0 100%;
	height: 18px;
	clear: both;
}
div.boxGrigio h2 {
	color: #A82000;
	font-size: 1.5em;
	padding-bottom: 0.5em;
}
div.boxGrigio h2 img {
	padding-right: 0.3em;
	margin-bottom: -0.2em;
}
div.boxGrigio h4{
	font-weight: bold;
	font-size: 1.3em;
	color: #003399;
	line-height: 1em;
}
div.boxGrigio h6{
	color: #666;
	font-style: italic;
	padding-bottom: 0.3em;
}
div.boxGrigio ul {
	padding: 0 0.5em;
}
div.boxGrigio li {
	padding-bottom: 1em;
	width: 48%;
}
div.boxGrigio li.fleft { clear: left;}
div.boxGrigio li.fright { clear: right;}

/* --> SECONDARY CONTENT
-----------------------------------------------------------------------------*/
#csx {
}
.home #csx { background: none;padding-top: 0;}
#csx ul.boxGrigio {
	background: url(../images/boxGrigioSX.jpg) no-repeat 0 0;
	padding: 1.5em;
	margin-bottom: 2em;
}
#csx ul.boxGrigio img {
	float: left;
	margin-top: -0.2em;
}
#csx ul.boxGrigio li {
	padding: 0.4em 0;
	clear: both;
	font-size: 1.9em;
	line-height: 1.2em;
}
#csx ul.boxGrigio li a { color: #A82000;}
/*.articolo {
	font-size: 1.1em;
}
*/
.links {
	margin-bottom: 1.5em;
}

#leftImage
{
	position: relative;
	margin-top: -9px;
	background: #fff;
}
#leftImage img
{
	z-index: 9;
}

#leftImageShadow
{
	position: absolute;
	top: 0;
	height: 24px;
	z-index: 10;
	width: 100%;
	background: url('../images/bk_shadow.png') repeat-x;
}


/* @end */

/* --> FOOTER
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	padding-top: 3em;
	background: url(../images/footer.gif) no-repeat 50% 2em;
	height: 59px;
	text-align: center;
}
#footer li {
	display: inline;
	border-right: 1px solid #000;
	padding-right: 0.8em;
	padding-left: 0.6em;
}
#footer li.last {border: 0;}
#footer a {
	color: #000;
	text-decoration: underline;
}

/* --> FORMS
-----------------------------------------------------------------------------*/
/* BUTTONS */
button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color: #dafff0;
    border: 1px solid #20b5e4;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color: #107492;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#107492;
    border:1px solid #107492;
    color:#fff;
}
.search .buttons { text-align: right;}
.search .buttons button{ float: none;}

#header form {
	float: left;
	padding: 5px 0 5px 15px;
	margin-top: 15px;
}
#header form p {
	float: left;
	padding-left: 15px;
}
#header form#ricerca { border-left: 1px solid #C6DEA1;}
#header label{
	color: #fff;
	font: 1.3em "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
#header label { display: block;}
#header input { float: left;border: 0;padding: 2px;}
#header button {
	float: left;
	margin-left: 5px;
	margin-top: -2px;
	background: url(../images/hdButton.gif) no-repeat 50% 50%;
	border: 0;
	color: #fff;
	width: 40px;
	text-align: center;
}
#header form#login { margin-left: 20px;}
#login input { width: 90px;}
#header #txtUsername {
	background: #fff url(../images/inputLock.gif) no-repeat 2px 50%;
	padding-left: 20px;
	width: 75px;
}
#header #txtCerca {
	background: #fff url(../images/inputCerca.gif) no-repeat 2px 50%;
	padding-left: 20px;
	width: 152px;
}
form.commentForm {
	background-color: #F6FAF1;
}
form.commentForm textarea{
	width: 100%;
	border: 1px solid #333;
}
form.commentForm p.button {
	text-align: right;
}
.commentForm {
	border-top: 1px solid #70AC15;
	margin-top: 1em;
	padding: 0.4em 0;
}
.commentForm p {
	padding-left: 5px;
	padding-right: 5px;
}
.commentForm h4 {
	font-size: 1.3em;
	padding-left: 5px;
	color: #A82000;
	font-weight: bold;
}
.commentForm pre {
	border-bottom: 1px solid #70AC15;
	padding-bottom: 0.5em;
}

/* --> TABLES
-----------------------------------------------------------------------------*/
table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}
.commento {
	font-size: 0.8em;
	background-color: #f0f6e7;
	vertical-align: middle;
	width: 100%;
}
#container .commento p{	padding: 0;}
.commento td {
	height: 70px;
}
.commento .sx {
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	width: 99px;
	text-align: right;
	padding: 2px;
}
.commento .dx {
	width: 502px;
	border-bottom: 4px solid #fff;
	padding: 4px;
}
.commento .sx strong {
	color: #A82000;
}
.commento tr.alternate {
	background-color: #E7F1D7;
}


/* --> MISC+ 1
-----------------------------------------------------------------------------*/
.thumb {
	display: block;
	width:auto;
	float:left;
	/*padding: 2px;*/
	margin: 0.6em 0 0.3em 0;
	border:2px solid #e1e2d7;
}
.thumb img { border:5px solid #fff;float: left;}
.btn_segue {
	text-align: right;
	font-size:1em;
	display: block;
	color:#A82000;
}
.btn_segue a {
	text-decoration:underline;
	color:#A82000;
}
.fleft{ float: left; margin-right: 0.5em;}
.fright{ float: right; margin-left: 0.5em;}
.links img { margin-bottom: -0.4em;}


ul.faq
{
	margin-top: 2em;
	padding-bottom: 2em;
	border-bottom: 1px dotted #A82000;
}

ul.faq li
{
	font-size: 110%;
	font-weight: bold;
}

dl.faq dt {
	font-size: 120%;
	color: #004374;
	padding-left: 12px;
}
dl.faq dd {
	margin-left: 0;
	padding-left: 12px;
	margin-bottom: 2em;
}

#breadcrumbs
{
	font-size: 85%;
	margin-bottom: 0.5em;
}

/* --> MISC+ 2
-----------------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Holly Hack Targets IE Win only \*/
   * html .clearfix {height: 1%;} /*for ie6 only*/
   .clearfix {display: block;}
/* End Holly Hack */


/* @group FORM RICERCA */
/********** RICERCA **************/
.search-results{ margin-top: 2em;}
.search-results a { color: #004374;}
ul.search-results li{
	background: url('../images/ul-menu-item.png') 0 0.5em no-repeat;
	clear: none;
	padding-bottom: 1em;
	margin-left: 0;
	padding-left:10px;
}
.search-results ul li{
	background-position: 0 0.3em;
	clear: none;
	padding-bottom: 0;
}
.search-results h5{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size:120%;
	color:#004374;
}
.search-results h6{
	border-bottom: 1px solid #ddc;
	margin-top: 0;
	font-size: 95%; 
	font-weight: normal;
	color: #004374;
}
.search-results .dati{
	width: 90%;	
	float: left;
}
.margin-l10{margin-left: 1em;}
.chk {clear: both; margin-top: 2em;}
.chk label {
	float: left;
	padding-left: 0.5em;
	width: auto;
}
.chk input {float: left;}
.actions{
	margin-top: 1em;
	margin-left: 0px;
	padding-left: 0px;
}
.actions li{
	padding-left: 0px;
	padding-right: 1em;
	margin-left: 0px;
	display: inline;
	background-image: none !important;
	font-weight: bold;
}
.actions li a.download, .actions li a.email{
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.actions li a.download{	background-image: url('../images/icon_disc.gif');}
.actions li a.email{ background-image: url('../images/email.gif');}

ul.infoList { margin-bottom: 0.5em; }

/* CMS */

/* ---- image ----*/
img.thumb,
img.left,
img.right,
img.center
{
	float: left;
	clear: left;
	margin: 7px 7px 7px 0;
	display: block;
	border: 1px solid #CCCCCC;
	padding: 2px;
	position: relative;
}
img.right {
	float: right;
	clear: right;
	margin: 7px 0 7px 7px;
}
img.center {
	float: none;
	clear: both;
	margin: auto;
}
img.noBorder {
	border: 0;
	padding: 0;
}

/* ---- pagination ---- */
#cdx div.pagination {
	margin-top: 20px;
	height: 14px;
	background-color: #fff;
	padding: 2px 10px 4px;
	font-size: 98%;
	border-top: 1px solid #eee;
}

#cdx div.pagination ul {
	margin: 0;
	padding: 0;
	float: right;
}
#cdx div.pagination ul li {
		display: inline;
		background: none;
		margin: 0;
		padding: 0;
		
	}
#cdx div.pagination ul li a { 
	text-decoration: underline;
	font-weight: bold;
	color: #252525;
}
#cdx div.pagination ul li a:hover { 
	text-decoration: none;
}
#cdx div.pagination ul li.current {
	font-weight: bold;
	color: #A81500;
}
/* ---- end pagination ---- */

#flvplayer
{
	text-align: center;
}

#flvplayer object, #flvplayer embed
{
	margin: 20px;
}

#imageList
{
	margin: 10px 0 20px 0;
}

#imageList img
{
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

#cdx #gallery li {
	list-style: none;
	float: left;
	width: 180px;
	height: 250px;
	margin: 0 8px 30px 0;
	padding: 0;
}
#cdx #gallery dl {
	margin: 0;
	padding: 0 0 0 5px;
}
#cdx #gallery dd {
	padding: 0;
	margin: 0;
}
#cdx #gallery dd li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-image:url(../images/list.gif);
}
#cdx #gallery .box {
	width: 166px;
	height: 131px;
	background: transparent url("../images/bk_galleryItem.gif") top left no-repeat;
	text-align: center;
}
#cdx #gallery .box img {
	border: 0;
	padding: 6px 0 0 0;
	background: none;
}