/******************************************************************
	utilizzo delle @-functions non interpretate da nn4 e
        dai vecchi browser. L'avviso e` visibile solo con i browser
	vecchi (che non eseguono l'@import), mentre i box posizionati 
	sono dentro @print e @screen.
*******************************************************************/
@import "hidden.css";

p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-left: 30px;
	margin-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

form {
	padding-left: 30px;
}

form.inli {
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

pre {
	padding-left: 30px;
}


/******************************************************************
                                   PRINT
*******************************************************************/
@media print{
.matematita {
	background: #ffffff url("/imgs/repeat.jpg"); 
	background-repeat: repeat-y;
	background-position: top left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
}

/* box validi per tutte le sezioni */
/* le position vanno concentrate qui */

#boxtesto {
	position: absolute;
	background-color: #ffffff; 
	color: #000000 ; 
	border: 20px;
	padding: 20px;
	left: 200px;
	top: 280px;
}

#boxmenu {
	position: absolute;
	left: 0px;
	top: 223px;
	width: 120px;
	background-color: #008fa9 ;
	color: #ffffff;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 384px; 
	padding-left: 0px;
	padding-top: 0px; 
	background-image: url("/imgs/sfondo.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
/*	display: none; */
}
}

/******************************************************************
				SCREEN
*******************************************************************/

/* colori del logo che ho io
rosso: #ef4158
blu: #008fa9
azzurro: #80c7d4
*/

@media screen,projection {
.matematita {
/*	color: f83e55 ; */
/*	background: #ffffff url("http://www.matematita.it/imgs/repeat.jpg"); */
	background: #ffffff url("/imgs/repeat.jpg"); 
	background-repeat: repeat-y;
	background-position: top left;
/*	background-color: #008fa9 ; */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-left: 0px;
}

/* box validi per tutte le sezioni */
/* le position vanno concentrate qui */

#boxtesto {
	position: absolute;
	background-color: #ffffff; 
	color: #000000 ; 
	border: none;
	padding: 5px;
	left: 270px;
	top: 130px;
/*	min-width: 500px;  */
	width: 500px;  
	min-height: 600px; 
}

#boxmenu {
	position: absolute;
	left: 4px;
	top: 223px;
	width: 160px;
	background-color: #008fa9 ;
	color: #ffffff;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 384px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url("/imgs/sfondo.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
/*	display: none; */
}

}
/* fine @screen */


/******************************************************************
	                   PARTI COMUNI
*******************************************************************/

TABLE {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	padding-left: 30px;
}

form TABLE {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
	padding-left: 0px;
}


TD, TH , TR, TBODY {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 14px;
}

dl {
	margin-left: 0px;
	padding-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

dt {
	color: #ef4158 ; 
	font-weight: bold;	
}

ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0pt;
	padding-top: 0pt;
}

li {
	padding-left: 25px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	background-image: url("/imgs/li.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
}

dt {
	font-weight: bold; 
}

#avvisoNN4 {
	margin-left: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	background-color: #dddddd;
}

#avvisoCSS {
	display: none;
}

h1 {
   font-size: 20px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ef4158 ; 
	background-image: url("/imgs/sect.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	font-weight: bold; 
}

h2 {
   font-size: 18px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ef4158 ; 
	background-image: url("/imgs/sect2.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-weight: bold; 
}

h3 {
   font-size: 16px;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ef4158 ; 
	padding-left: 30px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
}

strong {
	color: #ef4158;	
	font-weight: bold; 

}

TABLE.frame { border-collapse: collapse;
              border: 1px solid #ef4158 ; 
}

.evid {
	background-color: #e19ca6; 
}

.lavorazione {
	background-color: #f8f7bb;
}

a.lavorazione, img.lavorazione {
border:	7px solid #f8f7bb;
}

.privato {
	background-color: #f4d3d8;
}

a.privato, img.privato {
border:	7px solid #f4d3d8; 
}

div.indietro {
/* non funziona ??? */
	background-image: url("/imgs/back.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 25px;
	text-align: right;
}

/******************************************************************
	                   PAGINE
*******************************************************************/

IMG.sinistra {
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
     border-style: none;
}

img.left {
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	align: left;
        margin-right:5px

}

img.right {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	align: right;
        margin-left:5px
}

.main {
/*	color: #ef4158 ; */
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

UL.menu {
	font-weight: bold;
	font-size: 14px;
	margin-left: 0px;
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul.menu li, li.menu {
	padding-left: 23px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
/*	background-image: url("http://www.matematita.it/imgs/menu-b.jpg"); */
	background-image: url("/imgs/menu-b.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
}


ul.menu li.menur {
	padding-left: 23px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	color: #ef4158;
/*	background-image: url("http://www.matematita.it/imgs/menu-r.jpg"); */
	background-image: url("/imgs/menu-r.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
}

UL.menu2 {
	font-weight: bold;
	font-size: 14px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 4px;
	padding-bottom: 0px;
}

ul.menu2 li, li.menu2 {
	padding-left: 22px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
/*	background-image: url("http://www.matematita.it/imgs/menu-b.jpg"); */
	background-image: url("/imgs/menu-b.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

ul.menu2 li.menur {
	padding-left: 22px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
/*	background-image: url("http://www.matematita.it/imgs/menu-r.jpg"); */
	background-image: url("/imgs/menu-r.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

table.cerca {
	padding-left: 0px;
	margin-left: 0px;
}

table.align {
	padding-left: 0px;
	margin-left: 30px;
}

table.cerca tdata tr {
	padding-left: 0px;
	margin-left: 0px;
}

td.cerca {
	padding-left: 30px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
/*	background-image: url("http://www.matematita.it/imgs/menu-r.jpg"); */
	background-image: url("/imgs/li.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

td.note {
	padding-left: 30px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

/* link "normali" */
a {
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
  color: #008fa9;
}

a:link { color: #008fa9; }
a:visited { color: #008fa9; }
a:active {color: #ef4158;}
a:hover {color: #ef4158;}

/* link con freccia avanti/indietro */

.avanti {
 	background-image: url("/imgs/li.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	text-align=right;
}

.indietro {
 	background-image: url("/imgs/back.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 25px;
	padding-left: 0px;
}

/* pseudo link */
.pseudol{
	color: #008fa9;	
	  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
}

/* link nel menu */
ul.menu a {
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
}

ul.menu a:link { color: #ffffff; }
ul.menu a:visited { color: #ffffff; }
ul.menu a:active {color: #ef4158; }
ul.menu a:hover {color: #ef4158 ; }

/* link nel menur */
li.menur a.menur {
  color: #ef4158;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-decoration : none;
}

li.menur a.menur:link { color: #ef4158; }
li.menur a.menur:visited { color: #ef4158; }
li.menur a.menur:active {color: #ef4158; }
li.menur a.menur:hover {color: #ef4158 ; }

 .submitLinkpre {
	font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 font-weight: Bold;
 color: #008fa9;
 background-color: transparent;
 text-decoration: none;
 border: none;
 cursor: pointer;
 cursor: hand;
 	background-image: url("/imgs/back.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 25px;
	padding-left: 0px;
 }
 .submitLinkpreover {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 font-weight: Bold;
 color: #ef4158;
 background-color: transparent;
 text-decoration: none;
 border: none;
 cursor: pointer;
 cursor: hand;
 	background-image: url("/imgs/back.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 25px;
	padding-left: 0px;
}
 .submitLinksuc {
	font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 font-weight: Bold;
 color: #008fa9;
 background-color: transparent;
 text-decoration: none;
 border: none;
 cursor: pointer;
 cursor: hand;
 	background-image: url("/imgs/li.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
	text-align=right;
 }
 .submitLinksucover {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 14px;
 font-weight: Bold;
 color: #ef4158;
 background-color: transparent;
 text-decoration: none;
 border: none;
 cursor: pointer;
 cursor: hand;
 	background-image: url("/imgs/li.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 25px;
}

/******************************************************************
			    bollino premio pirelli
*******************************************************************/

.pirelli{
	padding-top: 30px;
	padding-left: 30px;
}

/******************************************************************
			    allineamento con i blogs
*******************************************************************/
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 5ex 0 1ex 0;
	border-top: 1px solid #ddd;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
	border-bottom: 1px solid #ddd;
}


/******************************************************************
			    FINE
*******************************************************************/