@import url(https://fonts.googleapis.com/css?family=Roboto);
@font-face {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
}
body  
{  
	font-size: 100%; 
	border:0;  
	font-family: 'Roboto', sans-serif;
	background-color:#efefef;

scrollbar-base-color: white;
scrollbar-arrow-color: white;
scrollbar-DarkShadow-Color: #cccccc; 

::-webkit-scrollbar {
    width: 4px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); 
    border-radius: 4px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
}



}  
.forCopyright {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #EDD1D7;
}
.forTexts {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #555355;
	text-decoration : none; 
}
.forTexts2 {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #555355;
}
.forForms {
    font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #555355;
	background-color: #ffffff;
	border: 1px inset #03DCA7;
}
.forButton {
    font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #0000ff;	
}
.forForms2 {
    font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #D0042F;
	border: 1px inset #FFCC33;
}
.forButton2 {
    font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #D0042F;
	background-color: #FFECB0;
	border: 1px outset #FFFFE1;
}
.forHome {
	width:400px;
	margin:0px auto;
	padding:15px;
	border:1px dashed #D0042F;
	background-color:#FFFFE1;
    font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #000000;
}
.MENU {
font-weight : normal; 
font-size :10pt; 
color : #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
} 
.MENU:hover {
font-weight : normal; 
font-size :10pt; 
color : #ff2399; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
}
.MENU2 {
font-weight : normal; 
font-size :8pt; 
color : #C6FDC6; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
} 
.MENU2:hover {
font-weight : normal; 
font-size :8pt; 
color : #0CB00C; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
}
.MENU3 {
font-weight : normal; 
font-size :10pt; 
color : #888588; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
} 
.MENU3:hover {
font-weight : normal; 
font-size :10pt; 
color : #00aaff; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
}
.MENU4 {
font-weight : normal; 
font-size :14pt; 
color : #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
} 
.MENU4:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
color : #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
}
.BARRAMENU {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color : #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
} 
.BARRAMENU:hover {
    font-family: 'Roboto', sans-serif;
font-size: 12px;
color : #000000; 
text-decoration : none; 
}
.MENUSEC {
font-weight : bold; 
font-size : 12pt; 
color : #092673; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
} 
.MENUSEC:hover {
font-weight : bold; 
font-size : 12pt; 
color : #666699; 
    font-family: 'Roboto', sans-serif;
background-color : #EA9313;
text-decoration : none; 
}  
img#left {
float : left;
margin: 15px 15px 15px 15px;
}
img#right {
float : right;
margin: 15px 15px 15px 15px;
}

.barra_titolo{
	top:0; color:#eeeeee; background:#009966; padding:0; border-bottom:0.1em solid #cecece; border-right:0.1em solid #cecece;
 }
.bordo_r{
	border-bottom:0.1em solid #cecece; border-right:0.1em solid #cecece;
 }

.layer-uno {  
    width:100%;
    height:100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    right: 0;
    top:0px;
    left:0px;    
    position:relative;    
    background-color : transparent;
}
.layer-due {
    width:100%;
    height:100%;
    z-index:10;        
    margin-left: 0;
    margin-bottom: 0;
    top:0px;
    left:0px;     
    position:absolute;  
    background-color : transparent;
}
.layer-tre {
    width:auto;
    height:auto;
    z-index:11;
    margin-left: auto;
    margin-bottom: auto;
    top:auto;
    left:auto;     
    position:absolute;  
    background-color : #669900;
}
#obsoleto
{
    position: absolute;
    visibility: hidden;
}
#prenota {
    width:90%;
    height:90%;
    margin: 0 auto;
    z-index:100;            
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    position:absolute;  
    border-style: groove;
    background-color:rgb(120,120,140);opacity:0.95;
    visibility: hidden;
}
#modifica {
    width:90%;
    height:90%;
    margin: 0 auto;
    z-index:100;            
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    position:absolute;  
    border-style: groove;
    background-color:rgb(140,120,120);opacity:0.9;
    visibility: hidden;
}

.wrapper {
  position: absolute;
  width: 94%;  
  height: 98%;  
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:0 auto;
  background:#cccccc;
  z-index: 0;
  overflow:auto;
  border:0.1em solid #cecece;
}
.container{	
  width:79.9%;height:auto;  left:0; margin:0 auto;background:#cccccc; position: absolute; overflow:hidden; border-right:0.1em solid #cecece;
}
.container60{	
  width:59.9%;height:auto;background:#cccccc; position: absolute; overflow:hidden; border-right:0.1em solid #cecece; margin: auto; left:0; right:0; float:middle;
}
.d-sponsor{
  width: 20%; height:auto; min-height:100%; right:0; background: #009966;padding: 0.0em; vertical-align:center;position: absolute; float:center; text-align:center;
}

.d-sponsor-l{
  display:none; width: 20%; height:100%;left:0; background: #009966;padding: 0.0em; vertical-align:center;position: absolute;
}
.d-sponsor-left{
  display:block; width: 20%; height:100%;left:0; background: #009966;padding: 0.0em; vertical-align:center;position: absolute;
}
.d-piede{
	 left:0;right:0; margin:0 auto;width: 92%; bottom:0; float: bottom;background: #009966;padding: 0.0em; vertical-align:bottom; align:center; font-size:0.8em; color:#ffffff;position: absolute;border:0.1em solid #cecece; text-align:center;
}   
.d-piede a{
  color:#ffffff;text-decoration: none
}   
.d-title{
	width: 98.5%; height:auto; float: left; padding: 0.5em; vertical-align:center; align:right; 
}
.d-menu{
	width: 20%;float: left;padding: 0.0em; vertical-align:center; align:center;position: absolute; top:0.2em; left:0;
}
.d-menu span{font-size :0.8em;}

.d-menu-l{
	width: 20%; height:20%; max-height:90%; float: left;padding: 0.2em; vertical-align:center; align:center;position: absolute; top:0; left:0; overflow:auto;
}

.d-menu-r{
	width: 20%; height:auto; max-height:90%; float: right;padding: 0.2em; vertical-align:center; align:center;position: absolute; top:0; right:0; overflow:auto;
}
.d-campi{
	width: 100%; height:100%; float: middle; background: #ffffff;padding: 0.0em; vertical-align:center; align:left; overflow:hidden; text-align: center;
}

.d-top{
  height:auto; min-height:20%; border:0.1em solid #cecece;
}
.d-top-m{
height:100%; background-color:#009966; top:0; left:0;right:0; margin:0 auto; width:auto;
}
.d-top-m2{
height:100%; background-color:#D32F2F; top:0; left:0;right:0; margin:0 auto; width:auto;
}
.testoImg {
	width:90%; position:absolute; align: center; left:5%; right:5%; top:60%; bottom:50%; margin:0;font-size:2.5em;color:#ffffff;font-weight : bold; text-align:center;
}

.testoImg2 {
	width:90%; position:absolute; align: center; left:5%; right:5%; top:60%; bottom:50%; margin:0;font-size:2.5em;color:#006633;font-weight : bold; text-align:center; padding-top:0.05em; padding-left:0.05em; 
}


.nav{width: 15%;height:100%;float:left;padding-top:1.0em; display:inline-block;}
.top-nav{float:left;z-index: 2000;width: 100%;}

.btn-responsive-menu{top:0; float: right;display:none;position:relative; padding:0.2em;cursor:pointer;margin:  0.1em 0.1em 0 0.15em;color: #ffffff;text-shadow: 0 -0.01em 0 rgba(0, 0, 0, 0.25); background:#006633;}
.icon-bar {display: block;width: 1.5em; height: 0.2em;margin:0.2em;background-color: #ffffff;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}

.menu {width: 100%;height:auto;top: 0px;z-index: 1000;margin: 0;padding:0;}
				.menu a {display: block;background: #ccc;color:#757575;text-decoration: none;border-bottom: 1px solid #ccc;padding: 0.5em;float:left;width:90%;}
				.menu a:hover {background: #eee;}
				.menu p {height:auto;font-size: 1.3em;padding: 20px;margin: 0;}				
				.menu{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}						
	
#show-menu-l{float:left; top:0px; position:absolute; overflow:auto;}
#show-menu-r{float:right;top:0px; position:absolute; overflow:auto;}

.d-box {
  display:inline-block;
  width:47%;
  padding-left:1em; 
  top:0;
  vertical-align:top;
  font-size:1.2em;
  text-align:justify;
}

.d-box100 {
  display:block;
  width:94%;
  padding:0.5em;
  top:0;
  vertical-align:top;
  left:0;
  right:0;
  margin: 0 auto; 
 font-size:1.2em;
 text-align:justify;
 vertical-align:center;
}

.center {
 text-align:center;
}

.left {
 text-align:left;
}
.right {
 text-align:right;
}
.v-center{
  vertical-align:middle;
}

.riga {
  display:block;
  width:99%;
  padding:0.2em;
  top:0;
  vertical-align:middle;
  left:0; 
  font-size:1.0em;
  border:0.1em solid gray;
  text-align:center;
}
.riga50 {
  display:block;
  width:50%;
  padding:0.2em;
  top:0;
  vertical-align:middle;
  left:0; 
  border:0.1em solid gray;
  text-align:center;
}

.cella-ora {
  display:inline-block;
  width:18%;
  padding:0.1em;
  vertical-align:middle;
  font-size:0.8em;
  float:left;
  margin: 0 auto; 
  text-align:left;
  border:0.1em solid #cccccc;
}
.cella-p {
  display:inline-block;
  width:64%;
  vertical-align:middle;
  float:center;
  left:0;
  right:0;
  margin: 0 auto; 
  font-size:0.85em;
  padding:0.1em;
}
.cella-img {
  display:inline-block;
  width:8%;
  padding:0.1em;
  vertical-align:middle;
  font-size:0.8em;
  border:0.1em solid #cccccc;
  margin: 0 auto; 
}

.cella-img-l {
  display:inline-block;
  width:10%;
  padding:0.0em;
  vertical-align:middle;
  font-size:1.0em;
  border:0.1em solid #cccccc;
  margin: 0 auto; 
  margin-right:0.01em;
  float: left;
  border-right:0.1em solid #999999;
}
.cella-img-r {
  display:inline-block;
  width: 10%;
  padding:0.0em;
  vertical-align:middle;
  font-size:1.0em;
  border:0.1em solid #cccccc;
  margin: 0 auto; 
  margin-right:0.01em;
  float: right;
  border-left:0.1em solid #999999;
}
.cella-img-abs {  
  width:15%;
  height:15%;
  padding:0.5em;
  vertical-align:middle;
  font-size:1.0em;
  border:0.1em solid #cccccc;
  top:0;
  right:0;
  float:top;
  position:absolute;
  z-index:9902;
}
.cella-menu-abs {  
  width:49%;
  height:auto;
  padding:0.5em;
  top:0;
  right:0;
  float:top;
  position:relative;
  z-index:9903;
}
.cella-corr {
  border:0;
}

.cella-default {
  display:inline-block;
  width:auto;
  padding:0.1em;
  vertical-align:middle;
  text-align:left;
  margin: 0 auto; 
  border:0.1em solid #cccccc;
}
.cella-tab {
  display:block;
  width:12%;
  padding:0.1em;
  vertical-align:middle;
  text-align:left;
  margin: 0 auto; 
  border-right:0.2em solid #cccccc;
  border-bottom:0.2em solid #cccccc;
  float:left;
}
.body2 {width:90%; margin:0; font:1.3em Verdana, Arial, Helvetica, sans-serif; padding:0.8em;}

.btnlogin {
text-decoration: none; 
border:0.1em solid #cecece;
text-align: center;
display: block;
color: #eeeeee;
width: 45%;
cursor: pointer;
left:0;
right:0;
margin: 0 auto
} 

.btnprenota {
text-decoration: none; 
border:none;
color: gray;
text-align: center;
display: block;
width: 95%;
cursor: pointer;
left:0;
right:0;
margin: 0 auto
} 
.btn1{
background-color: #008CBA;
color:white;
}
.btn2{
background-color: #f44336;
color:white;
}
.btn3{
background-color: #555555;
color:white;
}
.btn4{
background-color: #009966;
color:white;
}
.btn5{
background-color: #cccccc;
color:black;
}
.btn6{
background-color: #555555;
color:#cccccc;
}
.btn7{
background-color: #2059A0;
color:#cccccc;
}



.d-popup{
  position: absolute;
  width: 100%;  
  height: 100%; 
  margin:0 auto;
  background-color:#000000;opacity:0.95;
  z-index: 9900;
  overflow:auto;
  display:none;
  vertical-align:center;
}

.d-popbox{
  max-height: 90%; 
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: translate(-50%, -50%);
  position: absolute;
  margin:0 auto;
  background-color:#ffffff;
  z-index: 9901;
  padding:1.0em;
  vertical-align:center;
  border:0.5em solid #006633;
  overflow:auto;
}

.d-popbox2{
  max-height: 90%; 
  min-width: 50%;  
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: translate(-50%, -50%);
  position: absolute;
  margin:0 auto;
  background-color:#ffffff;
  z-index: 9901;
  padding:1.0em;
  vertical-align:center;
  border:0.5em solid #006633;
  overflow:auto;
}

.d-agenda{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: translate(-50%, -50%);
  position: absolute;
  margin:0 auto;
  background-color:#ffffff;
  z-index: 9901;
  padding:2.0em;
  vertical-align:center;
  border:0.5em solid #006633;
  overflow:auto;
  display:none;
  height:50%;
  width:50%;
  text-align:center;
  overflow:hidden;
}

.d-giornaliero{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: translate(-50%, -50%);
  position: absolute;
  margin:0 auto;
  background-color:#ffffff;
  z-index: 9901;
  padding:2.0em;
  vertical-align:center;
  border:0.5em solid #006633;
  overflow:auto;
  display:none;
  height:90%;
  width:90%;
  text-align:center;
  overflow:auto;
}

.d-comunicazione{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-transition: translate(-50%, -50%);
  position: absolute;
  margin:0 auto;
  background-color:#ffffff;
  z-index: 9902;
  padding:2.0em;
  vertical-align:center;
  border:0.5em solid #006633;
  display:none;
  height:60%;
  width:60%;
  text-align:center;
  overflow:auto;
  float: middle;
}

.cursore {
cursor: pointer;
}

.cursore:hover {
background-color:#dddddd;
cursor: pointer;
}
.col-white{
  color:#eeffee;
}
.col-white a:visited {
color: #eee;
}
.col-white a {
color: #eee;
}
.poshome{
position:absolute;width:25%; right:55%; padding-top:1em;
}

input:focus {
    background-color: #cecece;
}

.boxotto {
  position:relative;
  width:35%;
  display: inline-block;  
  margin: 0.05em auto;
  text-align: left;  
  height:auto;
  vertical-align:top;
  padding:0.1em;
}

@media screen and (min-width:320px) and (max-width:980px) {
	body  
	{  
	 font-size: 100%; 
 		text-size-adjust: none;
	 border:0;  
	  font-family: 'Roboto', sans-serif;
	}  
	h1,h2,h3 {
	 font-size:1.6em; font-weight:normal; color:#333; margin-bottom: 3px;
	}
	h1 { margin-bottom: 10px}
	a, a:active, a:visited, a hover { text-decoration: none; }
	imgw { dispay: block; max-width: 99%; height: auto; margin: 0 auto; padding: 10px;
		float : left;
		margin: 15px 15px 15px 15px;
	}
	imgh { dispay: block; max-height: 99%; width: auto; margin: 0 auto; padding: 10px; 
		float : left;
		margin: 15px 15px 15px 15px;
	}

.container{	
  width:99.9%;height:auto;  left:0; margin:0 auto;background:#cccccc; position: absolute; overflow:hidden; border-right:0.1em solid #cecece;
}

.container60{	
  width:99.9%; float: left;height:auto; left:0; right:20%; background:#cccccc; position: absolute; overflow:hidden; border:0.1em solid #cecece;
}

.loginform {
font-weight: normal; 
font-size: 1.00em; 
color: #555355; 
padding:0.1em;
font-family: 'Roboto', sans-serif;
text-decoration: none; 
display: inline-block;
top:0;
background:#ffffff;
} 
.bordo_r{
	border-bottom:0.1em solid #cecece; border-right:0.1em solid #cecece;
}

.newmenuresp {
font-weight: normal; 
font-size: 1.10em; 
color: #555355; 
padding:1em;
font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.menuresp {
font-weight: normal; 
font-size: 1.00em; 
color: #555355; 
padding:0.2em;
font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.menu4resp {
font-weight : normal; 
font-size: 3.0em; 
padding:15px;
color: #555355; 
font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.menu4resp:hover {
    font-family: 'Roboto', sans-serif;
font-size: 3.00em;
padding:15px;
color : #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration : none; 
}
.testoresp {
font-weight: normal; 
font-size: 1.20em; 
color: #555355; 
padding:5px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.testolargeresp {
font-weight: normal; 
font-size: 1.40em; 
color: #555355; 
padding:15px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.titoloresp {
font-weight: normal; 
font-size: 2.50em; 
color: #555355; 
padding:15px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.btnresp {
font-weight: normal; 
font-size: 1.10em; 
color: #555355; 
padding:12px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.btnprenota {
font-size: 1.20em; 
padding:0.05em;
} 
.testocelleresp {
font-weight: normal; 
font-size: 2.40em; 
color: #444422; 
padding:1px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.testoformresp {
font-weight: normal; 
font-size: 1.00em; 
color: #444422; 
padding:1px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
	#idmenubig {  	
	display:none; // element will only show up if width is less than or equal to 	
   	}  
	#idmenusmall {  	
	display:none; // element will only show up if width is less than or equal to 	
   	}  
	#barramenu {  	
	 height:auto;	
	 width:100%;
	 background-color : #00ff33; // element will only show up if width is less than or equal to 	
	 display:visible; // element will only show up if width is less than or equal to 	
   	}  
	#barramenu {  	
	 height:auto;	
   	}  
	.divlarge {  	
	display:none; // element will only show up if width is less than or equal to 	
   	}  


.boxotto {
  display: inline-block;  
  margin-left: 0px;
  text-align: left;  
  vertical-align:top;
  width:45%;
  margin: 0.05em;
}

.box {
  display: inline-block;  
  margin-left: 0px;
  text-align: left;  
  vertical-align:top;
  width:45%;
  margin: 0.05em;
}

.box1 {
  display: block;  
  margin-left: 0px;
  text-align: left;  
  vertical-align:top;
  width:35%;
  margin: 1em;
}


.nav{width: 100%;height:auto;position: absolute; font-size: 2.5em;padding-top:0.8em; top:3em; overflow:auto;}
.top-nav{height:100%;display:block;position: absolute;}
.btn-responsive-menu{display:block;}

 .menu {position: absolute; overflow:auto;padding-top:1.8em;}
    .menu {width: 90%; height:auto; border: 1em solid #006633;}
    .menu-left {display: none; left: 0px; top:0; margin:0 auto; padding-top:2em;  background:#eeeeee; overflow:auto; z-index:10010;}
    .menu-right {display: none;right: 0px;top:0; margin:0 auto; padding-top:2em;  background:#eeeeee; overflow:auto; z-index:10011;}    
    .active-l{left: 0px;}
    .active-r{right: 0px;}


.d-sponsor-left{
  display:none;
}
.d-sponsor{
  display:none;
}

.d-box {
  display:inline-block;
  width:97%;
  height:auto;
  padding-left:0em;
  padding:0.4em;
  top:0;
  vertical-align:top;
  font-size:1.0em;  
  text-align:left;
}

.d-box100 {
  display:block;
  width:97%;
  padding:0.1em;
  top:0;
  vertical-align:top;
  left:0;
  right:0;
  margin: 0.1em auto;  
  font-size:1.1em;
  text-align:left;
}

.riga50 {
  width:98%;
  padding:0.0em;
}

.cella-img-l {
  width:30%;
}
.cella-img-r {
  width:30%;
}
.cella-corr {
  width:25%;
  border:0;
}
.cella-menu-abs {  
  width:100%;
  padding:0.2em;
}
.cella-default {
  width:80%; 
  font-size:1.0em;
}

.cella-ora {
  font-size:0.9em;
}
.cella-p {
  font-size:0.85em;
}

.cella-tab {
  width:15%;
}

.d-piede{
	padding: 0.0em; font-size:1.0em; border:0.1em solid #cecece;
}   


.body2 {margin:0; font:1.0em Verdana, Arial, Helvetica, sans-serif; padding:0.2em;}

.d-menu{
	width: 50%;
}
.d-menu span{font-size :1.5em;}
.d-menu-l span{font-size :1.5em;}
.d-menu-r span{font-size :1.5em;}
.testoImg {
	font-size:1.0em;
}

.testoImg2 {
	font-size:1.0em;
}


.d-menu-r{
	height:25%;
	background-color:transparent;
	overflow:auto;
}

.poshome{
position:absolute;width:35%; right:10%; padding-top:3em;
}


.btnlogin {
width: 65%;
cursor: pointer;
left:0;
right:0;
margin: 0 auto;
padding:0.2em;
} 



}

@media only screen and (min-width:981px)  {  
	body  
	{  
	 font-size: 0.75em; 
	 border:0;  
    font-family: 'Roboto', sans-serif;
	}  
	h1,h2,h3 {
	 font-size:1.20em; font-weight:normal; color:#333; margin-bottom: 3px;
	}
	h1 { margin-bottom: 10px}
	a, a:active, a:visited, a hover { text-decoration: none; }
	imgw { dispay: block; max-width: 99%; height: auto; margin: 0 auto; padding: 10px;
		float : left;
		margin: 15px 15px 15px 15px;
	}
	imgh { dispay: block; max-height: 99%; width: auto; margin: 0 auto; padding: 10px; 
		float : left;
		margin: 15px 15px 15px 15px;
	}

.loginform {
font-weight: normal; 
font-size: 1.00em; 
color: #555355; 
padding:0.4em;
font-family: 'Roboto', sans-serif;
text-decoration: none; 
vertical-align:top;
display: inline-block;
} 

.menuresp {
font-weight: normal; 
font-size:1.20em; 
color: #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.newmenuresp {
font-weight: normal; 
font-size: 1.20em; 
color: #555355; 
padding:0.5em;
font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 

.menu4resp {
font-weight: normal; 
font-size: 1.80em; 
color: #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.menu4resp:hover {
    font-family: 'Roboto', sans-serif;
font-size: 1.80em;
color: #555355; 
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
}
.testoresp {
font-weight: normal; 
font-size: 1.00em; 
color: #555355; 
padding:2px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.testolargeresp {
font-weight: normal; 
font-size: 1.20em; 
color: #555355; 
padding:15px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.btnresp {
font-weight: normal; 
font-size: 1.30em; 
color: #555355; 
padding:3px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.titoloresp {
font-weight: normal; 
font-size: 1.50em; 
color: #555355; 
padding:5px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.btnprenota {
font-size: 1.20em; 
padding:0.05em;
} 

.testocelleresp {
font-weight: normal; 
font-size: 1.40em; 
color: #444422; 
padding:1px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
.testoformresp {
font-weight: normal; 
font-size: 1.20em; 
color: #444422; 
padding:1px;
    font-family: 'Roboto', sans-serif;
text-decoration: none; 
} 
	#idmenubig {  	
	 display:visible; // element will only show up if width is less than or equal to 	
   	}  
	
	#idmenusmall {  	
	 display:none; // element will only show up if width is less than or equal to 	
   	}  
	#btnmenu {  	
	 display:none; // element will only show up if width is less than or equal to 	
   	}  
	#barramenu {  	
	 display:none; // element will only show up if width is less than or equal to 	
   	}  
	#barramenutrasp {  	
	 display:none; // element will only show up if width is less than or equal to 	
   	}  
	.layer-due {  	
	 display:none; // element will only show up if width is less than or equal to 	
   	}  

.box {
  position:relative;
  width:18%;
  display: inline-block;  
  margin: 0.05em auto;
  text-align: left;  
  height:auto;
  vertical-align:top;
  padding:0.1em;
}

.box1 { 
  position:relative;
  display: block;  
  margin-left: 0px;  
  text-align: left;  
  width:40%;
  height:auto;
  margin: 1em;
  vertical-align:top;
}

.boxotto {
  position:relative;
  width:11%;
  display: inline-block;  
  margin: 0.05em auto;
  text-align: left;  
  height:auto;
  vertical-align:top;
  padding:0.1em;
}


}


@media only screen and (min-width:1601px)   {  

.container{	
  width:60%;height:auto;  left:0; right:0; margin:0 auto;background:#cccccc; position: absolute; overflow:hidden; 
}
.d-sponsor{
  width: 20%; height:auto;right:0; padding: 0.0em; vertical-align:center;position: absolute;
}
.d-sponsor-l{
  display:block;
}
.d-sponsor-left{
  display:block;
}


.cella-p {
   width:60%;
}


}