@media screen and (max-width: 767px) {
	.Container{
	  width: 100%;
	  margin-right: auto;
	  margin-left: auto; 
	}
}

@media screen and (min-width: 768px) and (max-width: 1280px)  {
	.Container{
	  width: 95%;
	  margin-right: auto;
	  margin-left: auto;
	}
}



@media screen and (min-width: 1281px) {
	.Container{
	  width: 1281px;
	  margin-right: auto;
	  margin-left: auto;
	}
}





@media screen and (max-width: 767px) {

div#LogoRow{
  padding-top: 0px;
  background-color: #21245F;
  height: 100px;
  margin-bottom: 10px;
}

div#TemplateLogo_Box{
  width: 70%;
  padding-left: 10px;
  padding-top: 20px;
  text-align: left;
  float: left;
}

.Logo{
  width: 100%;	  
}

div#MenuInfo_Box{
  display: none;  
}

}

@media only screen and (min-width: 768px) and (max-width: 1165px){
	div#LogoRow{
	  padding-top: 20px;
	  background-color: #21245F;
	  height: 130px;
	  margin-bottom: 10px;
	  width: 100%;
	  text-align: center;
	}
	
	div#TemplateLogo_Box{
	  width: 100%;
	  padding-left: 0px;
	  text-align: left;
	}
	
	.Logo{
	  width: 30%;	  
	}
		
	div#MenuInfo_Box{
	  width: 100%;
	  text-align: center;
	  margin-top: 0px;
	  margin-right: auto;
	  margin-left: auto;
    }
	
	.InfoButton_Box{
	  float: left;
	  color: #FFFFFF;
	  padding: 0x 0px 0px 0px;
	  text-align: center;  
	  
	  transition-property: background-color; /*standard*/
	  transition-duration: 0.5s;
	 
	  -webkit-transition-property: background-color; /*Safari e Chrome */
	  -webkit-transition-duration: 0.5s;
			 
	  -o-transition-property: background-color;      /*Opera*/
	  -o-transition-duration: 0.5s;
			 
	  -moz-transition-property: background-color;    /*Firefox*/
	  -moz-transition-duration: 0.5s;
	}
	
	.InfoButton_Box > a:hover{
	  color: #FFFFFF;
	}
	
	.InfoButton_Pad:link, .InfoButton_Box:visited {
		border-radius: 5px;
		color: #21245F;
		text-decoration: none;
		padding: 35px 15px 0px 15px;
		background-color: #8FCF45;
		-webkit-transition: color .5s linear, background-color .5s ease-in-out;
		-moz-transition: color .5s linear, background-color .5s ease-in-out;
		-o-transition: color .5s linear, background-color .5s ease-in-out;
		transition: color .5s linear, background-color .5s ease-in-out;
	}
	
	
	.InfoButton_Pad{
	  padding: 20px 25px 20px 25px;
	  color: #999999;
	  font-size: 1em;
	  font-weight: 300;
	}
	
	
	.InfoButton_Pad:hover{
	  background-color:#960000;
	  border-radius: 0px;
	  color: #FFFFFF;
	  
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  
	  -webkit-transition: background-color .25s ease-in-out;
	  -moz-transition: background-color .25s ease-in-out;
	  -o-transition: background-color .25s ease-in-out;
	  transition: background-color .25s ease-in-out;
	}
	
	div#TemplateColSX_Box{
	  float: left;
	  width: 25%;
	  background-color: #FFFFFF;
	}
	
	div#TemplateColDX_Box{
	  float: left;
	  width: 75%;
	  background-color: #FFFFFF;
	}
}

@media screen and (min-width: 1166px) {
    div#LogoRow{
	  padding-top: 20px;
	  background-color: #21245F;
	  height: 130px;
	  margin-bottom: 10px;
	  border-right: 30px #21245F solid;
	  border-left: 30px #21245F solid;
	}
	div#TemplateLogo_Box{
	  width: 30%;
	  padding-top: 20px;
	  text-align: left;
	  float: left; 
	}
		
	.Logo{
	  width: 100%;	  
	}
	
	div#TranslateButton{
	  text-align: right;
	  background-color: #000000;	  
	  border-right: 30px #21245F solid;
	  border-left: 30px #21245F solid;  
	}
	
	
	div#MenuInfo_Box{
	  float:left; 	  
	  width: 70%;
    }
	
	.InfoButton_Box{
	  float: left;
	  color: #FFFFFF;
	  margin-top: 0px;
	  margin-left: 20px;
	  padding: 30px 0px 0px 0px;
	  text-align: center;  
	  
	  transition-property: background-color; /*standard*/
	  transition-duration: 0.5s;
	 
	  -webkit-transition-property: background-color; /*Safari e Chrome */
	  -webkit-transition-duration: 0.5s;
			 
	  -o-transition-property: background-color;      /*Opera*/
	  -o-transition-duration: 0.5s;
			 
	  -moz-transition-property: background-color;    /*Firefox*/
	  -moz-transition-duration: 0.5s;
	}
	
	.InfoButton_Box > a:hover{
	  color: #FFFFFF;
	}
	
	.InfoButton_Pad:link, .InfoButton_Box:visited {
		border-radius: 5px;
		color: #21245F;
		text-decoration: none;
		padding: 35px 15px 0px 15px;
		background-color: #8FCF45;
		-webkit-transition: color .5s linear, background-color .5s ease-in-out;
		-moz-transition: color .5s linear, background-color .5s ease-in-out;
		-o-transition: color .5s linear, background-color .5s ease-in-out;
		transition: color .5s linear, background-color .5s ease-in-out;
	}
	
	
	.InfoButton_Pad{
	  padding: 30px 12px 40px 12px;
	  color: #999999;
	  font-size: 1em;
	  font-weight: 300;
	}
	
	
	.InfoButton_Pad:hover{
	  background-color:#960000;
	  border-radius: 0px;
	  color: #FFFFFF;
	  
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  
	  -webkit-transition: background-color .25s ease-in-out;
	  -moz-transition: background-color .25s ease-in-out;
	  -o-transition: background-color .25s ease-in-out;
	  transition: background-color .25s ease-in-out;
	}
}

@media screen and (max-width: 767px) {
  div#TemplateMain_Pad{
    padding: 5px;
    text-align: left;
  }
}


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

/**************************************************************/

div#MobileMenu{
  display:none;
}

div#Slogan_Box{
  float: left;
  width: 60%;
  text-align: left;
  height: 50px;  
}
div#Slogan_Pad{
   padding: 2px 0px 0px 0px;
}


div#Login_Box{
  float: right;
  width: 40%;
  text-align: right;
  height: 50px;
}

div#Login_Pad{
   padding: 12px 0px 0px 0px;
}



/***************** Div della parte centrale del template *********************/
div#HomeMainCategories_Box{
  font-size: 1.2em;
  height: 65px;
  text-align: right;
  color: #FFFFFF;
}
div#HomeMainCategories_Pad{  
 padding: 18px 0px 5px 0px;  
}


/***************** Div della parte centrale del template *********************/

div#TemplateColSX_Box{
  width: 25%;
  min-height: 350px;
  float: left;
  background-color: #FFFFFF;
  text-align: left;
}

div#TemplateColSX_Pad{
  padding: 25px;
}


div#TemplateColDX_Box{
  float: left;
  width: 75%;
  background-color: #FFFFFF;
}


div#VerticalMenu_Box{
  text-align: center;
  width: 90%;
}

div#VerticalMenu_Pad{
  padding: 15px 0px 30px 0px;
}


div#TemplateMain_Box{
  width: 100%;
  text-align: left;
  float: left;
  min-height: 350px;
}


div#TemplateMain_Pad{
  padding: 25px;
  text-align: left;
}


/***************** Div della parte centrale del template *********************/
div#TemplateBottom_Box{
    background-color: #960000;
	vertical-align: top;	
    color: #FFFFFF;
	font-size: 1.1em;
	text-align: left;
}

div#TemplateBottom_Pad{
    padding: 30px 20px 20px 20px;  
}


/*/////////////// BOTTOM //////////////////////////////////////////////*/

div#InfoBottom_Box{
  color: #000000;
  background-image: url(img/infobottom_bg.png);
  height: 141px;
  text-align: right;
  font-size: 1.1em;
  line-height: 25px;
}

div#InfoBottom_Pad{
  padding: 50px 20px 0px 5px;
}

div#LeftBottom_Box{  
  width: 30%;
  font-weight: 300;
  color: #000000;
  float: left;
  height: 240px;
  line-height: 26px;
  text-align:justify;
}

div#LeftBottom_Pad{
  padding: 25px 0px 25px 0px;
}


div#MiddleBottom_Box{
  width: 15%;
  font-weight:300;
  color: #000000;
  line-height: 26px;
  float: left;
  text-align: left;
}

div#MiddleBottom_Pad{
  padding: 25px 0px 25px 25px;
 
}

div#RightBottom_Box{  
  width: 55%;
  font-size: 1em;
  font-weight: 300;
  color: #FFF;
  text-align: right;
  line-height: 26px;
  float: left;
}

div#RightBottom_Pad{
  padding: 25px 0px 25px 25px;
}

div#SoftwarePoint{
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}

}

@media screen and (max-width: 767px) {
div#Slogan_Box{
  display: none;
}
div#HomeFlash_Box{
 display:none;
}

div#TemplateColSX_Box{
 display: none;
}

div#TemplateColDX_Box{
  width: 100%;
}


div#TemplateBottom_Box{
    width: 100%;
	background-color: #21245F;
	vertical-align: top;	
    color: #FFFFFF;
	font-size: 1.1em;
	text-align: left;
}

div#TemplateBottom_Pad{
    padding: 30px 20px 20px 20px;  
}

div#LeftBottom_Box{ 
  display: none;
}

div#MiddleBottom_Box{
  display: none;
}

div#RightBottom_Box{  
  width: 100%;
  font-size: 1em;
  font-weight: 300;
  color: #FFFFFF;
  text-align: right;
  line-height: 26px;
}

div#SoftwarePoint{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}

}

/********** HOME FLASH ***********/
@media screen and (min-width: 768px) {

	.HomeReparto_Box{ 
		font-weight: normal;
		font-size: 1.1em;
		float: left;
		width: 20%;
		text-align: left;	
	}
	.HomeReparto_Box:hover{
	 	background-color:#21245F;
	}
	
	.FotoReparto{
	  overflow: hidden;
	  width: 100%;
	  max-height: 500px;	
	}
	
	.HomeReparto_Pad{
		margin: 8px 8px 8px 8px; 
		background-color:#EEEEEE;
		padding: 8px 8px 8px 8px;
	}
	
}

@media screen and (max-width: 767px) {

	.HomeReparto_Box{ 
		font-weight: normal;
		font-size: 1.1em;
		width: 90%;
	    margin-right: auto;
	    margin-left: auto; 
	}
	.HomeReparto_Box:hover{
	 	background-color:#21245F;
	}
	
	.FotoReparto{
	  overflow: hidden;
	  width: 100%;
	  max-height: 500px;	
	}
	
	.HomeReparto_Pad{
		margin: 8px 8px 8px 8px; 
		background-color:#EEEEEE;
		padding: 8px 8px 8px 8px;
	}
	
}

/********** HOME FLASH ***********/
@media screen and (min-width: 768px) {

	div.HomeFlash{
			
	}
	div.HomeFlash img{
		
	}
	div.HomeFlash a{
		
	}
	div.HomeFlash span{
		font-size: 2em;
		color: #FFFFFF;
		position: absolute;
		min-height: 50px;
		bottom: 80px;
		right: 100px;
		width: 30%;
		padding: 10px 0;
		background-color: #21245f;
		opacity: 0.8;
		filter: alpha(opacity=80);  
		cursor: pointer;
		text-align: center;
	}
	div.HomeFlash a:hover span{
		border-bottom: 5px solid #960000; 
		color: #EFC000; 
	} 
	
}