/* Body e Barre di scorrimento */

/* https://it.wikipedia.org/wiki/Tombola */
/* http://www.nuovomonitorenapoletano.it/index.php?option=com_content&view=article&id=2087:padre-rocco-e-l-illuminazione-della-citta&catid=86:storia-xviii-sec&Itemid=28 */
html, body {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: #000000;
	text-align: justify;
	margin: 0px;
	height: 100%;
	font-size: 12px;
}

div.center { text-align: center; }

font, td, div, input { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px;}

A:link {text-decoration: none; color:#060; font-weight:bold; }
A:visited {text-decoration: none; color:#060; font-weight:bold;}
A:hover {text-decoration: none; color: #600; }
A:active {text-decoration: none; color:#900; }


.tombolaP  TABLE { border: #a00 3px ; border-style: solid; background-color : #000; }
.tombolaP  TD { border: #c00 1px ; border-style: solid;}
/* numero non estratto */
.noextrP {color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; font-weight: bold;  text-decoration: none }
/* numero estratto */
.extrP {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; font-weight: bold;  text-decoration: none }


.tombola  TABLE { border: #090 1px ; border-style: solid; background-color : #666; }
.tombola  TD { border: #fff 1px ; border-style: solid;}
.noextr {color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold;  text-decoration: none }
.extr {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold;  text-decoration: none }

/*
.tombola  TABLE { border: #090 3px ; border-style: solid; background-color : #111; }
.tombola  TD { border: #c8c8c8 1px ; border-style: solid;}
 numero non estratto
.noextr {color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold;  text-decoration: none }
 numero estratto 
.extr {color: #ff0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold;  text-decoration: none }
*/


.tombola6  TABLE {background-color : #666; }
.tombola6  TD { border: #666 1px ; border-style: solid;  background-color : #000; }
/* .tombola6 TH {background-color : #a00;} */
.tombola6 TH {background-color : #000;}

.estratto { color: #c00; font-family: Arial, Helvetica, sans-serif; font-size: 120px; font-style: normal; font-weight: bold;  text-decoration: none }
.estrattoX { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 120px; font-style: normal; font-weight: bold;  text-decoration: none }
.gigante {color: #ff0; font-family: Arial, Helvetica, sans-serif; font-size: 300px; font-style: normal; font-weight: bold;  text-decoration: none }
.giganteNERO {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 300px; font-style: normal; font-weight: bold;  text-decoration: none }


.fix30 {	width: 30px;}
.fix40 {	width: 40px;}
.fix50 {	width: 50px;}
.fix60 {	width: 60px;}
.fix80 {	width: 80px;}
.fix250 {	width: 250px;}
.fix300 {	width: 300px;}

.small09{font-size:0.9em;}
.small08{font-size:0.8em;}
.small07{font-size:0.7em;}
.small06{font-size:0.6em;}


.BIG11{font-size:1.1em;}
.BIG14{font-size:1.4em;}
.BIG18{font-size:1.8em;}
.BIG30{font-size:3em;}


.grassetto{font-weight: bold;}
.corsivo{font-style: italic;}



/*  INS PREMI border: #090 3px ; border-style: solid; background-color : #f8f8f8; */
.Tpremi  TABLE {border: #090 2px ; border-style: solid; padding:5px; background-color : #f8f8f8; font-size:40px;  font-weight: bold;}
.Tpremi  TH { padding:5px;font-size: 24px; color:#333;}
.Tpremi  TD { text-align: center; padding:5px; background-color : #000; font-size: 30px; color:#ff0; }


/* ESTRAI PREMI  */
.estraP  TABLE { border: #090 3px ; border-style: solid; background-color : #f8f8f8; }
.estraP  TD { border: #f00 2px ; border-style: solid;}
.gigaP {color: #006; font-family: Arial, Helvetica, sans-serif; font-size: 300px; font-style: normal; font-weight: bold;  text-decoration: none }
.estrattoP {
	text-align: center;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin-bottom:4px;
	color:#393;
	font-size:30px;
	font-weight: bold;
}
.NOestrattoBuss { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 140px; font-style: normal; font-weight: bold;  text-decoration: none }
.estrattoBuss { color: #006; font-family: Arial, Helvetica, sans-serif; font-size: 140px; font-style: normal; font-weight: bold;  text-decoration: none }
.preresid { text-align: center; color: #00A; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold;  text-decoration: none }
.sfondogiallo{color:#222;background: #ff0;font-size:1em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.1em;margin-bottom: 6px;}
.sfondorosso{color:#fff;background: #C00;font-size:1.2em;text-decoration:none;text-align:center; font-weight:bold;padding:2px;line-height:1.4em;margin-bottom: 6px;}

.estratto1 {
	text-align: center;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin-bottom:6px;
	color:#c00;
	font-size:40px;
	font-weight: bold;

}

.estratto2 {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin-bottom:6px;
	color:#D95B02;
	font-size:50px;
	font-weight: bold;
}

.invioC {
	background: #F8FFD7;
	color: #030;
	border: 0px ;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;

}

.invioC:hover{ color: #FF6900; }


.bottone{
	background: #F6F7CF;
	padding: 2px;
	border: 1px solid #aaa;
}

.bottoneEv{
	background: #F8FFD7;
	color: #D95B02;
	font-weight:bold;
	padding: 6px 2px 6px 2px;
	border: 1px solid #aac;
}

.bottone:hover{
	background: #fff;
	color: #FF9441;
	border: 1px solid #666;
}

.premia {
	text-align: center;
	padding: 0px 0px 0px 0px;
	color:#088B34;
	font-size:36px;
	font-weight: bold;
}

.evidP {
	color:#ff0;
}


.PEDINA{
	font-family: Arial, Helvetica;
	background-color: #FBE292;
	border: 40px solid #CE090B;
	border-radius: 50%;
	width: 400px;
	height: 400px;
	text-align: center;
	color: #CE090B;
	font-weight: bold;
	font-size:220px;
	line-height:1.4em;
	white-space: nowrap;

	background-image: none;
	outline:none;
}
.PEDINAm{
	font-family: Arial, Helvetica;
	background-color: #FBE292;
	padding: 10px;
	border: 20px solid #CE090B;
	border-radius: 50%;
	width: 300px;
	height: 300px;
	text-align: center;
	color: #CE090B;
	font-weight: bold;
	font-size:100px;
	
	white-space: nowrap;

	background-image: none;
	outline:none;
}


/* bottoni*/

/* border: 12px solid #CE090B;*/
.bottoneEXTR{
	
	border: 2px solid #CE090B;
	background-color: #CE090B;
	color: #fff;
	
	padding: 2px;

	border-radius: 50%;
	width: 100px;
	height: 100px;
	text-align: center;
	font-weight: normal;

	line-height:1.4;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	font-size:1.4em;	
	outline:none;
	font-weight: bold;
}


.bottoneSI{
	
	border: 2px solid #c00;
	background-color: #c00;
	color: #fff;
	
	padding: 2px;

	border-radius: 50%;
	width: 40;
	height: 40;
	text-align: center;
	font-weight: normal;

	line-height:1;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	font-size:1.4em;	
	outline:none;
	font-weight: bold;
}

.bottoneNO{
	
	border: 2px solid #090;
	background-color: #090;
	color: #fff;
	
	padding: 2px;

	border-radius: 50%;
	width: 80px;
	height: 80px;
	text-align: center;
	font-weight: normal;

	line-height:1;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	font-size:1.4em;	
	outline:none;
	font-weight: bold;
}


/*
.bottoneEXTR:hover {
	border: 10px solid #CE090B;
	background-color: #FBE292;
	color: #CE090B;	
	font-size:1.2em;
}
*/

.invio{
	font-family: Verdana;
	display: inline-block;
	padding: 2px 10px;
	margin: 4px;
	font-weight: normal;
	line-height:1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.invio-normal {
	color: #fff;
	background-color: #336600;
	border-color: #336600;
}


.invio-normal:hover {
	color: #fff;
	font-weight: bold;
	background-color: #449900;
	border: 1px solid #000000;
}


.invio-alert {
	color: #fff;
	background-color: #BB0000;
	border-color: #DB2B0B;

}
.invio-alert:hover {
	color: #fff;
	font-weight: bold;
	background-color: #DD0000;
	border: 1px solid #000000;

}

.invio-normal.disabled,
.invio-normal[disabled],
.invio-alert.disabled,
.invio-alert[disabled] {
	background-color: #aaa;
	border-color: #a00;
}

.invio-fix {	width: 120px;}



.hbox {
	margin:10px;
	padding:10px;
	background: #f8f8f8;
	box-shadow: 0px 0px 15px -6px;
	border-radius: 8px;
}



/* RESPONSIVE... */

* {  box-sizing: border-box; }


/* Clear floats after the columns */
.riga:after {
  content: "";
  display: table;
  clear: both;
}

/* DUE COLONNE e img */
#colonnaS{width:100%;}
#colonnaD{width:100%;}
.adatta {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 769px) { /* DESKTOP */
	#colonnaS,
	#colonnaD {width: 50%;}

	#colonnaS {float: left;}
	#colonnaD {float: right;}


}
@media screen and (max-width: 768px) { /* SMARTPHONE */
	#colonnas, #colonnaD {width: 100%;float: none;}
	.adatta {max-width: 400px;}
}

/* ...RESPONSIVE */