@CHARSET "ISO-8859-1";

/* DIALOG */

.dialog {
 width:67%;
 margin:0px auto;
 min-width:20em;
 max-width:950px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
}



.dialog .ft {
 height:19px;
}
.dialog .ft .c{
 height:19px;
}


.dialog .hd {
 background:transparent url(../img/sito/tl.png) no-repeat 0px 0px;
 margin-right:17px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../img/sito/tr.png) no-repeat right 0px;
 margin-right:-17px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../img/sito/ml.png) repeat-y 0px 0px;
 margin-right:5px;
}

.dialog .bd .c {
 background:transparent url(../img/sito/ml.png) repeat-y right 0px;
 margin-right:-5px;
}

.dialog .bd .c .s {
 margin:0px 5px 0px 5px;
 background:#fff url(../img/sito/ms.png) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../img/sito/bl.png) no-repeat 0px 0px;
 margin-right:10px;
}

.dialog .ft .c {
 background:transparent url(../img/sito/br.png) no-repeat right 0px;
 margin-right:-15px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em verdana, arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}

/* DIALOG 2 */

.dialog2 {
 width:67%;
 margin:0px auto;
 min-width:20em;
 max-width:970px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
}

.dialog2 .hd .c,
.dialog2 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
}

.dialog2 .ft .c {
 height:19px;
}

.dialog2 .hd {
 background:transparent url(../img/sito/tl2-test1.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog2 .hd .c {
 background:transparent url(../img/sito/tr2-test1.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog2 .bd {
 background:transparent url(../img/sito/ml2-test1.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog2 .bd .c {
 background:transparent url(../img/sito/ml2-test1.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog2 .bd .c .s {
 margin:0px 5px 0px 5px;
 background:#fff url(../img/sito/ms2.png) repeat-x 0px 0px;
 padding:1em;
}


.dialog2 .ft {
 background:transparent url(../img/sito/bl2-test1.png) no-repeat 0px 0px;
 margin-right:17px;
}

.dialog2 .ft .c {
 background:transparent url(../img/sito/br2-test1.png) no-repeat right 0px;
 margin-right:-17px;
}

/* content-specific */

.dialog2 h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

table{
	font-family: Verdana;
/*font-weight: normal;
font-size: 11px;*/
}

.dialog2 p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em verdana,arial,tahoma,"sans serif";
}

html>body .dialog2 pre {
 font-size:1.1em;
}

/* DIALOG 3 */

.dialog3 {
 width:67%;
 margin:0px auto;
 min-width:13.5em;
 max-width:140px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
}

.dialog3 .hd .c,
.dialog3 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
}

.dialog3 .ft .c {
 height:17px;
}

.dialog3 .hd {
 background:transparent url(../img/sito/tl3.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog3 .hd .c {
 background:transparent url(../img/sito/tr3.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog3 .bd {
 background:transparent url(../img/sito/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog3 .bd .c {
 background:transparent url(../img/sito/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog3 .bd .c .s {
 margin:0px 5px 0px 5px;
 /*background:#fff url(../img/sito/ms2.png) repeat-x 0px 0px;*/
 background: #286EA0;
 padding:1em;
}

.dialog3 .s{
	height:155px;
}


.dialog3 .ft {
 background:transparent url(../img/sito/bl3.png) no-repeat 0px 0px;
 margin-right:8px;
}

.dialog3 .ft .c {
 background:transparent url(../img/sito/br3.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog3 h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog3 p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog3 pre {
 font-size:1.1em;
}


/* DIALOG 4 */

.dialog4 {
 width:90%;
 margin:0px auto;
 min-width:15em;
 max-width:400px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
 font-size:10px;
}

.dialog4 .hd .c,
.dialog4 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
}

.dialog4 .ft .c {
 height:17px;
}

.dialog4 .hd {
 background:transparent url(../img/sito/tl3.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog4 .hd .c {
 background:transparent url(../img/sito/tr3.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog4 .bd {
 background:transparent url(../img/sito/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog4 .bd .c {
 background:transparent url(../img/sito/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog4 .bd .c .s {
 margin:0px 5px 0px 5px;
 /*background:#fff url(../img/sito/ms2.png) repeat-x 0px 0px;*/
 background: #286EA0;
 padding:1em;
}

.dialog4 .s{
	height:80px;
	margin-top:-40px;
}


.dialog4 .ft {
 background:transparent url(../img/sito/bl4.png) no-repeat 0px 0px;
 margin-right:8px;
}

.dialog4 .ft .c {
 background:transparent url(../img/sito/br3.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog4 h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog4 p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em verdana,arial,tahoma,"sans serif";
}

html>body .dialog4 pre {
 font-size:1.1em;
}

/* DIALOG 5 */

.dialog5 {
 width:35%;
 margin:0px auto;
 min-width:11em;
 max-width:400px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;
 font-size:10px;
}

.dialog5 .hd .c,
.dialog5 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
}

.dialog5 .ft .c {
 height:17px;
}

.dialog5 .hd {
 background:transparent url(../img/sito/tl3.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog5 .hd .c {
 background:transparent url(../img/sito/tr3.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog5 .bd {
 background:transparent url(../img/sito/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog5 .bd .c {
 background:transparent url(../img/sito/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog5 .bd .c .s {
 margin:0px 5px 0px 5px;
 /*background:#fff url(../img/sito/ms2.png) repeat-x 0px 0px;*/
 background: #286EA0;
 padding:1em;
}

.dialog5 .s{
	height:30px;
	margin-top:-40px;
}


.dialog5 .ft {
 background:transparent url(../img/sito/bl4.png) no-repeat 0px 0px;
 margin-right:8px;
}

.dialog5 .ft .c {
 background:transparent url(../img/sito/br3.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog5 h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog5 p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em verdana,arial,tahoma,"sans serif";
}

html>body .dialog5 pre {
 font-size:1.1em;
}

/* DIALOG-PERS-1*/

.dialog-pers-1{

 width:48%;
 margin:0px auto;
 min-width:10em;
 max-width:970px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;

}

.dialog-pers-1 .s{
	height:60px;
}

/* DIALOG-PERS-2*/

.dialog-pers-2{

 width:43%;
 margin:0px auto;
 min-width:10em;
 max-width:970px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;

}

.dialog-pers-2 .s{
	height:60px;
}

/* DIALOG-PERS-3*/

.dialog-pers-3{

 width:80%;
 margin:0px auto;
 min-width:10em;
 max-width:970px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;

}

.dialog-pers-3 .s{
	height:60px;
}

/* DIALOG-PERS-4*/

.dialog-pers-4{

 width:90%;
 margin:0px auto;
 min-width:10em;
 max-width:970px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000;

}

.dialog-pers-4 .s{
	height:130px;
}