@media (min-width: 950px) 
{
#head				{
				position: relative;
				width: 950px;
				height: 230px;
				margin: auto;
				border: 1px solid #e3e3e3;
				text-align: center;
				color: black;
				}
				
#content		{
				position: relative;
				left: -7px;
				width: 908px;
				margin: auto;
				background-color: white;
				padding: 5px;
				border-radius: 10px;
				}	
				
#menu				{
				position: relative;
				left: 8px;
				width: 950px;
				height: 65px;
				margin: auto;
				border: 0px solid red;
				}		
				
#head	h1			{
				position: absolute;
				top: 1vw;
				right: 10px;
				left: 10px;
				font-size: x⁻large;
				font-weight: bold;
				text-align: center;
   				text-shadow: 3px 3px 4px white;
				filter: glow(color=white,strength=3);
				}

#head	p			{
				position: absolute;
				top: 6vw;
				right: 10px;
				left: 10px;
				font-size: large;
				font-weight: bold;
				text-align: center;
				text-shadow: 3px 3px 4px white;
				filter: glow(color=white,strength=3);
				}

#language			{
				position: absolute;
				top: 6px;
				right: 30px;
				}

#language a			{
				color: white;
				font-weight: bold;
				font-size: 12px;
				}

#privacy			{
				position: absolute;
				bottom: 32px;
				left: 12px;
				}
												
}

@media (max-width: 950px) 
{
#head				{
				position: relative;
				width: 100%;
				min-width: 320px;
				margin: auto;
				border: 1px solid #e3e3e3;
				text-align: center;
				color: black;
				}
#content		{
				position: relative;
				width: 95%;
				min-width: 320px;
				margin: auto;
				background-color: white;
				padding: 5px;
				border: 0px solid red;
				border-radius: 10px;
				}	

#menu				{
				position: relative;
				left: 0px;
				width: 98%;
				min-width: 320px;
				height: 16vw;
				margin: auto;
				border: 0px solid red;
				}
				
#head	h1			{
				position: absolute;
				top: 1vw;
				right: 10px;
				left: 10px;
				font-size: 5vw;
				font-weight: bold;
				text-align: center;
   				text-shadow: 3px 3px 4px white;
				filter: glow(color=white,strength=3);
				}

#head	p			{
				position: absolute;
				top: 6vw;
				right: 10px;
				left: 10px;
				font-size: 3vw;
				font-weight: bold;
				text-align: center;
				text-shadow: 3px 3px 4px white;
				filter: glow(color=white,strength=3);
				}

#language			{
				position: absolute;
				top: 3px;
				right: 12px;
				}

#language a			{
				color: white;
				font-weight: bold;
				font-size: 12px;
				}

#privacy			{
				position: absolute;
				bottom: 3vw;
				left: 12px;
				font-size: 3vw;
				}
			
}





<?php/***************************************************************************************************************************/

/********** Classes ************************************************************************************************************/?>


.right				{ text-align: right;}
.left				{ text-align: left;}

@media (min-width: 950px) 
{
.floatright			{ float: right; border: 20px solid white; background-color: white;
				border-right: 5px; max-width: 350px; min-width: 320px;}
.floatleft			{ float: left; border: 20px solid white; background-color: white;
				border-left: 5px; max-width: 350px; min-width: 320px;}
.image  			{
				float: left;
				z-index: 1;
				width: 297px;
				min-height: 250px;
				border: 0px solid red;
				border-right: 5px solid white;
				text-align: left;
				}		
div.menuitem			{ 
				float: left;
				width: 220px;
				height: 56px;
				border: 5px solid #e3e3e3;
				border-radius: 10px;
				}	
				
.menutext			{
				font-size: 10px;
				font-weight: normal;
				height: 30px;
				}		
.big				{ font-size: 15px; font-weight: 600;}						
									
}


@media (max-width: 950px) 
{
.floatright					{	width: 92%; border: 20px solid white; background-color: white;
				border-right: 5px;}

.floatleft			{ width: 92%; border: 20px solid white; background-color: white;
				border-left: 5px;}	
.image  			{
				z-index: 1;
				width: 92%;
				min-height: 250px;
				border: 0px solid red;
				border-right: 5px solid white;
				text-align: left;
				}	

div.menuitem			{ 
				float: left;
				width: 19%;
				height: 12vw;
				border: 5px solid #e3e3e3;
				border-radius: 10px;
				padding-right: 3vw;
				}	
				
.menutext			{
				font-size: 1.8vw;
				font-weight: normal;
				height: 2vw;
				}

.big				{ font-size: 2.5vw; font-weight: 600;}													
}
										

div.left img						{ width: 100%; }							
div.right 						{	
								text-align: left;
								width: 92%;
								vertical-align : bottom;
								border-left: 10px solid white;
								background-color: white;
							}
.right img						{ width: 100%; }


				

.image a			{
				font-weight : bold;
				color: gray;
				font-style : normal;
				text-decoration : none;
				background-color: white;
				}				
.image p			{
				width: 100%;
				background-color: white;
				margin: 0px;
				font-size : x-small; font-style : italic; color : gray;
				}
.image img			{
				border: 0px solid white;
				width: 100%;
				}

br.both				{ clear: both;}
.clear				{ clear: both;}

.not_selected			{ 
				background-image: linear-gradient(#e69c9c, #FF0000, #FF0000, #FF0000, #880000);
				}


.selected			{ 
				background-image: linear-gradient(#ffd1cd, #ff2f25, #ff2f25, #ff2f25, #e80b00);
				}


.not_selected:HOVER		{
				background-image: linear-gradient(#ffd1cd, #ff2f25, #ff2f25, #ff2f25, #e80b00);
				}

div.menuitem a 			{ 
				display: block; 
				position: relative;
				left: 10px;
				top: 7px;
				color: white;
				outline: none;
				}

div.menuitem a:HOVER		{  color: white; }



.menutext:HOVER			{
				font-weight: normal;
				}




a  				{
				font-weight : bold;
				color : white;
				text-align : left;
				font-style : normal;
				text-decoration : none;
				}

a.intext  			{
				font-size : small;
				font-weight : bold;
				color : #FF0000;
				text-align : left;
				font-style : normal;
				text-decoration : underline;
				}

body				{
				font-family : Arial;
				text-align: center;
				margin: 0px;
				padding: 0px;
				background-color: #e3e3e3;
				font-size : small;
				}

p  				{
				padding: 5px;
				font-weight : normal; font-style : normal; color : Black;	text-align : justify;
				}

p.note  			{
				font-size : x-small; font-style : italic; color : gray;
				}

i 				{
				font-size : small; font-weight : normal; font-style : italic; color : black; text-align : justify;
				}
	

b 				{ font-weight : bold;}	

b.red 				{ font-weight : bold;
				color : #FF0000;
				}	

b.blue 				{
				font-weight : bold;
				color : blue;
				}	

b.gray 				{
				font-weight : bold;
				color : gray;
				}

H1  {
	font-size : xx-large;
	font-weight : bold;
	font-style : normal;
	color : #FF0000;
	text-align : center;
}

H2  {
	font-size : large;
	font-weight : bold;
	font-style : normal;
	color :#FF0000;
	text-align : center;
}

H3  {
	font-size : medium;
	font-weight : bold;
	font-style : normal;
	color :#FF0000;
	text-align : center;
}

H4  {
	padding: 5px;
	font-size : small;
	font-weight : bold;
	font-style : normal;
	color :#FF0000;
	text-align : left;
}	

H5  {
	font-size : small;
	font-family : Arial;
	font-weight : bold;
	font-style : normal;
	color :#FF0000;
	text-align : left;
}		
	
	

a.editmode  {
	font-size : small;
	font-family : Arial;
	font-weight : bold;
	color : #FF0000;
	text-align : left;
	font-style : normal;
	text-decoration : none;
}	

A:Hover  {
	font-family : Arial;
	font-weight : bold;
	font-style : normal;
	color : black;
	text-align : left;
}

a.note {
	font-size : x-small;
	font-family : Arial;
	font-weight : bold;
	font-style : italic;
	color : gray;
	text-align : left;
	

}



table.immagine-mia {
border: 0px;
width: 100%;
text-align: center;
}

table.pageblackboard {
border: 0px;
text-align: left;
}

td.pageblackboard {
text-align: left;
}



td {
vertical-align : top;
font-size : small;
font-family : Arial;
font-weight : normal;
font-style : normal;
color : black;
text-align : left;
text-decoration : none;
}


p.immagine-mia  {
	font-size : x-small;
	font-family : Arial;
	font-weight : normal;
	font-style : normal;
	color : Black;
	text-align : center;
}

a.immagine-mia  {
	font-size : small;
	font-family : Arial;
	font-weight : bold;
	color : black;
	text-align : left;
	font-style : normal;
	text-decoration : none;
}

li {
text-align : left;
}

img						{ width: 100%; }