/* Global style reset (aka white-space reset) */
html { width: 100%; height: 100%; background: #f5f5ef url('/images/pattern.jpg'); background-repeat: repeat-x; }
* { margin: 0; padding: 0 }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend
/*table, caption, tbody, tfoot, thead, tr, th, td */ {
 margin: 0; padding: 0; border: 0;  vertical-align: baseline
}
/*table { border-collapse: collapse; border-spacing: 0 }*/
ol, ul, li { list-style: none }
q:before, q:after, blockquote:before, blockquote:after { content: "" }

/* Global style armony */
h1, h2, h3, h4, h5, h6 {margin: 0.7em 0 0.2em 0; line-height: 1.4em }
address, blockquote, dl, form, fieldset, ol, /*table, */ p, pre, ul { margin: 0.2em 0 1.2em 0 }
li, dd { margin-left: 5% }
fieldset { padding: .5em }

body {
/*  background: transparent url('/images/patter_testata.png') repeat-x top center; */
 color: #000000;
 font: normal 0.85em "Times New Roman", Times, serif;
 text-align: left;
 width: 100%;
 margin: 0px auto;
}

/**
 *  Stili di Base
 */

/* Struttura */
div, p, table, caption, th, td, tr { margin: 0 auto; padding: 0 }
div.table, #container { display: table; width: 100% }
div.caption { display: table-caption; width: 100% }
div.row, div.table > div { display: table-row; width: 100% }
div.col, div.table > div > div { display: table-cell }
div.table_caption { display: table-caption }
div.table_header { display: table-header-group }
#container, div#table, div#table > div, div#table > div > div, div.row, div.col { position: relative }

table { width: 100% }
th { font-weight: bold }
td, div.col { vertical-align: top }


/* CSS Document */

.xxs { font-size: xx-small }
.xs { font-size: x-small }
.s { font-size: small }
.m { font-size: medium }
.l { font-size: large }
.xl { font-size: x-large }
.xxl { font-size: xx-large }

.light { background-color: #f8f8f8 }
.dark { background-color: #ededed }
.ulight { background-color: #f2f2f2 }
.udark { background-color: #ececec }

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.stroke { text-decoration: line-through }

.black { color: #000 }
.white { color: #fff }
.red { color: #f00 }
.green { color: #0f0 }
.blue { color: #00f }
.grey { color: #888 }

.redbg { background-color: #f00 }
.greenbg { background-color: #0f0 }
.bluebg { background-color: #00f }
.blackbg { background-color: #000 }
.whitebg { background-color: #fff }
.greybg { background-color: #888 }

.w100 { width: 100% }
.w75 { width: 75% }
.w50 { width: 50% }
.w33 { width: 33% }
.w25 { width: 25% }

.notice, .warning, .alert { font-size: large }
.notice { color: #88f }
.warning { color: #afa }
.alert, .error, .txt_error { color: #f00 }
.required { color: #06c }
.separator { color: #fff; padding: 0 3px }

.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.justify { text-align: justify }
.top { vertical-align: top }
.middle { vertical-align: middle }
.bottom { vertical-align: bottom }

.fleft { float: left }
.fright { float: right }
.cleft { clear: left }
.cright { clear: right }
.cboth, .clear { clear: both }

.hidden { visibility: hidden }
.visible { visibility: visible }
.none { display: none }
.inline { display: inline }
.block { display: block }


div.info{
	padding-left:30px;
	background-image:url('/images/gifs/info.gif');
	background-position:top left;
	background-repeat:no-repeat;
}