html,body { position: relative; width:100%;height: 100%; margin:0;padding:0 }	

BODY {
	 
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	font-size:16px;
	line-height:19px;
	background:#ffffff;
	min-width:360px;
	color:#444444;

	/*background-image: url('../images/sfondo.jpg');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	background-attachment: fixed;*/
	
	/*
    opacity:0;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s; /* Safari */	
	*/
    }

A,A:active,A:visited {
	color:#2bc4da;
	}

.selbox {
	/*border:1px solid black;
	border-radius:8px;*/
	background-image:URL('../images/sfera.jpg');
	background-size:100% 100%;
	width:190px;
	height:190px;
	/*height:100px;*/
	transition: all 1s ease-in;
	-moz-transition: width,height 1s ease-in;
	-webkit-transition: width,height 1s ease-in;
	text-align:center;
	display:inline-block;
	margin-right:30px;
	margin-bottom:15px;
	background-color:white;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	/*box-shadow:2px 2px 3px #999;*/
	animation: ingrandisci .3s ease-out;
	color:white;
	padding-bottom:40px;
	}
	
.selbox:hover {
	background-image:URL('../images/sfera-hover.jpg');
	}
	
@keyframes ingrandisci {
	from {transform: scale(0);}
	to {transform: scale(1);}
	}
	
.seltable {
	table-layout:fixed;
	word-wrap:break-word;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	-webkit-touch-callout:none; /* iOS Safari */
	-webkit-user-select:none;   /* Chrome/Safari/Opera */
	-khtml-user-select:none;    /* Konqueror */
	-moz-user-select:none;      /* Firefox */
	-ms-user-select:none;       /* Internet Explorer/Edge */
	user-select:none;           /* Non-prefixed version */
	}
	
.seltable TD {
	padding:10px 20px;
	transition: all .1s linear;
	}
	
	
.displaytable {
	width:100%;/*calc(100% - 40px);*/
	box-shadow: 3px 3px 3px #999999;
	}
.focusimage {
	width:100%;
	max-width:100px;
	display:block;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:10px;
	border:1px solid grey;
	transition: border .25s ease-in-out;
	-moz-transition: border .25s ease-in-out;
	-webkit-transition: border .25s ease-in-out;
	cursor:pointer;
	}
.focusimage:hover {	
	border:1px solid #2bc4da;
	}
.refimage {
	margin-top:5px;
	margin-right:5px;
	border-radius:12px;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	}
.refimage:hover {
	background-color: #2bc4da;
	}	
	
.searchbox {
	font-size:16px;
	line-height:18px;
	height:20px;
	padding:2px 6px;
	}
.lensimage {
	cursor:pointer;
	width:19px;
	vertical-align:-6px;
	/*border-radius:12px;*/
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	}	
.lensimage:hover {
	/*background-color: #2bc4da;*/	
	}
/******** per centrare il sito nella pagina **********************************/
.container {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1160px;
	z-index:0;
	}
.padded {
	padding:0 20px;
}	

.menuwrapper {
	width:50%;
	display:inline-block;
}

.mainmenu {
	width:100%;
	max-width:400px;
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;
	font-size:4.5vw;
	line-height:5.5vw;
	display:inline-block;
	text-align:left;
}
.mainmenu A {
	text-decoration:none;
	color:#2bc4da;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.mainmenu A:hover {
	color:#9f9f9f;
}

#centertitle {
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;
	width:100%;
	display:inline-block;
	background-color:black;
	opacity: 0.3;
	color:white;
	font-size: 8vw;
	line-height: 8vw;
	/*font-size:90px;*/
	font-weight:bold;
	text-shadow: 1vw 1vw 0.3vw #000000;		
	padding:0.5vw 0 1.2vw 0;
	margin:20px 0 30px 0;
	text-align:center;
	overflow:hidden;
}
.logtable {
	margin-right:100px;
}

#mtr,#rtm {
	display:inline-block;
	margin:0 20px;
	transition: all 1s ease-in;
	-moz-transition: width,height .25s ease-in;
	-webkit-transition: width,height .25s ease-in;
	animation: ingrandisci .3s ease-out;
}

#mtr IMG,#rtm IMG {
	width:100%;
	max-width:400px;
}
.homediv,.backdiv,.infodiv,.feedbackdiv {
	position:relative;
	width:40px;
	height:36px;
	cursor:pointer;
	float:right;
}
.homediv IMG, .backdiv IMG, .infodiv IMG,.feedbackdiv IMG {
	position:absolute;
	left:0;
	transition: opacity 0.3s ease-in-out;
	display:inline-block;
	height:36px;
}

.homediv IMG.top:hover,.backdiv IMG.top:hover,.infodiv IMG.top:hover,.feedbackdiv IMG.top:hover {
	opacity:0;
}

.search {
	padding-left:20px;
}
.topbar{
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;
	color:white;
	font-size: 16px;
	line-height: 18px;
	padding: 0;
	max-height:103px;
	position:relative;
	/*background-color:#20809a;*/
	min-height:54px;
	width:100%;
}	
.topbarimg {
	width:100%;
	max-width:1160px;
	min-width:360px;
	display:block;
}

.bottombar{
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;	
	background-image:url(../images/bottom.jpg);
	width:100%;
	max-width:1160px;
	height:16px;
	color:white;
	font-size: 16px;
	line-height: 18px;
	padding: 6px 0px;
}
.bottombar A,.homebar A {
	color:white;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	}
.bottombar A:hover,.homebar A:hover {
	color:#2bc4da;
	}
.iconwrapper {
	position:absolute;
	top:15px;
	right:15px;
	color:white;
	Z-index:2000;
	}
#logdiv {
	margin-top:5px;
	background-image:url(../images/backtoplog.png);
	border-radius:2px;
	padding:1px;
}
#logdiv, #logdiv A {
	color:white;	
	}
.title {
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;
	color:#222;
	font-size:30px;
	line-height:32px;
	color:#2bc4da;
	font-weight:bold;
	margin-bottom:15px;
}
.subtitle {
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;
	color:#222;
	font-size:28px;
	line-height:30px;
	color:#1e8a99;
}
.titolopagina {
	font-family:'Alegreya Sans',Arial,Helvetica,sans-serif;
	color:#222;
	font-size:40px;
	line-height:32px;
	color:#2bc4da;
	font-weight:bold;
	margin:0 0 40px;
}
.footer {
	text-align:center;
	width:100%;
	max-width:1160px;
	/*padding:0 20px;*/
	height:20px;
	font-size:13px;
	line-height:15px;
	margin:0 auto;
}
.bluebar {
	background-color:#31b6ef;
	width:100%;
	height:28px;
}

.emspan {
	color:#2bc4da;
	text-decoration:underline;
}

.backhome {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:32%;
	height:0;
	padding-bottom:9%;
	cursor:pointer;
	margin:0 auto;
}

.tableheader {
	color:white;
	background-color:#2bc4da;
	font-weight:bold;
	font-size:15px;
	padding:5px 10px;
}

#msearch {
	float:right;
	margin:4px 0 20px 20px;
	font-size:14px;
}
/******** intestazione *******************************************************/

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	}
sup {
	bottom: 1ex;
	}
sub {
	top: .5ex;
	}

.smallarrow {
	color:#1C57A7;
	text-decoration:none;
	display:inline-block; /* to make text-decoration work */
}

hr {

	/*color:#ddd;background-color:#ddd;padding: 0px;border: none;height: 1px;*/
	border-top: 1px dotted #DDD;
	border-bottom:0;
	border-left:0;
	border-right:0;
	color:#fff;
	background-color:#fff;
	}
hr.gray {
	color:#888888;
	background-color:#888888;
	height: 1px;
	padding: 0px;
	border: none;
	}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

FORM {
	margin:0px;
	padding:0px;
	}
	
INPUT,SELECT,TEXTAREA {
	border-radius:3px;
	border:1px solid #777777;
}
	
INPUT.button {
	margin:0px;
	padding:0px;
	background-color:#bbbbbb;
	color:#444444;
	border:0;
	padding:0px 10px 4px 10px;
	height:32px;
	line-height:32px;
	/*font-weight:bold;*/
	/*border-bottom-left-radius: 9px;*/
	border-radius: 4px;
	cursor:pointer;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	}

INPUT.button:hover {
	background-color:#2bc4da;
	color:white;
	}
	

INPUT::-moz-focus-inner /*Remove button padding in FF*/
{
	border: 0;
	padding: 0;
}


INPUT.fixed {
	width:100%;
	background-color:#F4F4F4;
	border:1px solid #bbbbbb;
	padding:1px 3px;
	height:20px;
	font-size:17px;
	}


INPUT.notfixed {
	width:220px;
	background-color:#F4F4F4;
	border:1px solid #bbbbbb;
	padding:1px 3px;
	height:20px;
	font-size:17px;
	}
	
SELECT {
	padding:1px 3px;
	height:25px;
	font-size:17px;
	line-height:21px;
	max-width: 245px;
	}

INPUT[type=radio] {cursor:pointer}

DIR	{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	}

#mobilemenu {
	display:none;
	background-color:#14489B;
	color:white;
	font-size:15px;
	line-height:26px;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:left;
}
#mobilemenu A {
	color:white;
	text-decoration:none !important;
	display:inline-block;
	}

.backtotopbox {
	display:none;
	width: 70px;
	height: 16px;
	background: #696666;
	color:white;
	position: fixed;
	bottom:45px;
	right: 0;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	padding:5px 10px 5px;
	/*border:1px solid black;*/
	/*display:none;*/
	font-size:13px;
	cursor:pointer;
	z-index:40000;
	opacity:0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	}

.backtotopbox A {
	color:white;
	text-decoration:none;
	}
	
.theader {
	padding:0 20px;
	position:fixed;
	top:0;
	max-width:1120px;
	margin:0 auto;
	text-align:center;
	left:0;
	right:0;
	opacity:0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	display:none;
}

/******** tabelle con bordo 1 px grigio *********************************/

table.simplegrey {
	table-layout:fixed;
	word-wrap:break-word;
	font-family: Roboto,Arial, Helvetica, sans-serif;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	background:URL('../images/whiteback.png');
}

table.simplegrey TD {
    margin: 0;
    padding: 5px;
    border-width: 1px 1px 0 0;
    border-style:solid;
    border-color:#AAAAAA;
    text-align:left;
	font-size:16px;
	line-height:18px;
	vertical-align:top;
}

/************ liste con trattino ***********************************/

ul.dashed {
	list-style: none;
	margin-left: 0;
	padding-left: 16px;
}
ul.dashed > li:before {
	display: inline-block;
	content: "-";
	width: 14px;
	margin-left: -14px;
}

ul.bulleted {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
}
ul.bulleted > li:before {
	display: inline-block;
	content: "•";
	width: 22px;
	margin-left: -22px;
}

ul.circled {
	list-style-type:circle;
	margin-left: 0;
	padding-left: 38px;
}

ul.dashed LI, ul.bulleted LI {margin-top:3px;margin-bottom:3px}

/*************************************** responsive ******************************************/

@media screen and (min-width: 1300px) {
	#centertitle {
		font-size: 104px;
		line-height: 104px;
		padding-top:6.5px;
		padding-bottom:15.6px;
	}	
}
@media screen and (min-width: 1160px) {
	.topbar {
		height:103px;
	}
}

@media screen and (min-width: 1000px) {
	.mainmenu {
		font-size: 45px;
		line-height: 55px;
	}
}	
@media screen and (max-width: 1050px) {
	#logdiv {
		background-image:none;
		background-color:#25a8bf;
		box-shadow:2px 2px 3px #999;
	}
}


@media screen and (max-width: 800px) {
	.selbox {
		margin-right:15px;
	}
}
@media screen and (max-width: 600px) {
	.backhome {
		right:auto;
		padding-bottom:15%;
		width:50%;
	}
}

@media screen and (max-width: 500px) {
	.menuwrapper{
		width:100%;	
		text-align:center !important;
	}
	#mtr,#rtm {
		width:90%;
		margin:auto;
	}
	#mtr {margin-top:15px}
	#rtm {margin-bottom:15px}
	.mainmenu UL {
		text-align:center;
	}
	.mainmenu LI {
		margin-left:0 !important;
	}
	#spacer {display:none}
}

@media screen and (max-width: 450px) {
	.mainmenu {
		font-size: 32px;
		line-height: 42px;
	}
	#centertitle {
		font-size: 40px;
		line-height: 40px;
	}
	.selbox {
		display:block;
		margin:0 auto;
	}
	.bottombar,.theader {
		padding-left:0;
		padding-right:0;
	}
	.padded {
		padding-left:5px;
		padding-right:5px;
		width:calc(100%-10px);
	}
	#mtr IMG,#rtm IMG {
		width:80%;
	}
}