#headertop {
   background-color: #005296;
/*background : url(img/sftop.png) repeat;*/
    margin:0 auto;
	top:0px; left:0px; 
    padding: 5px;
	width: 99%;
	height : 90px;
 	position:absolute;
	repeat-x;
	z-index:2;

	
-webkit-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
}



@media screen and (min-width: 300px) and (max-width: 1024px) {
 #headertop {
   background-color: #005296;
/*background : url(img/sftop.png) repeat;*/
    margin:0 auto;
	top:0px; left:0px; 
    padding: 5px;
	width: 99%;
	height : 80px;
 	position:fixed;
	repeat-x;
	z-index:2;

	
-webkit-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
}
}

#header {
    background-color: transparent;
    margin:0 auto;
	top:0px; left:0px; 
	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 5px;
	width: 90%;
 	position:relative;
	repeat-x;
	z-index:5;
}

#toppe {
    background-color: transparent;
    margin:0 auto;
	top:0px; left:0px;
	width:100%; 
    padding: 0px;
 	position:absolute;
	z-index:5;
}

#altodestra {
    background-color: transparent;
    margin:0 auto;
	top:10px; left:155px; 
    padding: 0px;
 	position:absolute;
	z-index:5;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#altodestra {
	background-color: transparent;
	top:5px; 
	left:115px; 
    padding: 0px;
 	position:fixed;
	z-index:5;
	}
}

.testoslogan{
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 20px;
	color: #005296;
	text-decoration: none;


}
@media screen and (min-width: 300px) and (max-width: 1024px) {
.testoslogan{

	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 13px;
	color: #005296;
	text-decoration: none;
	letter-spacing: -1px;



}
}
#altodestra1 {
    background-color: transparent;
    margin:0 auto;
	top:0px; right:10px; 
	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px;
 	position:absolute;
	repeat-x;
	z-index:5;
}

section{width:100%; position: relative;}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#altodestra1{
top:0px; left:258px; 
}
}




#altodestramenu {
	
	
   background-color: #0099CC;
    margin:0 auto;
	top:200px; left:0px; 
    padding: 0px;
	width: 100%;
	height : 55px;
 	position:absolute;
	repeat-x;
	z-index:14;

	
-webkit-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);

}



@media screen and (min-width: 300px) and (max-width: 1024px) {
#altodestramenu{
background-color:transparent; 

    margin:0 auto;
	top:200px; left:0px; 
    padding: 0px;
	width: 100%;
	height : 50px;
 	position:absolute;
	repeat-x;
	z-index:14;

	
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);

}
}



#logo {
    background-color: #transparent;
    margin:0 auto;
	top:5px; left:0px; 
 	position:absolute;
	repeat-x;
	z-index:16;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#logo {
    background-color: #transparent;
    margin:0 auto;
	top:0px; left:0px; 
 	position:fixed;
	repeat-x;
	z-index:16;

}
#logo img{
	width: 112px;
}
}


#contesl {
	width: 90%;
	margin: 0 auto;
 overflow: hidden; /* "chiude" i float */

}
@media screen and (min-width: 300px) and (max-width: 1024px) {
   #contesl { 
   	width: 100%;

}
}

#one{
float:left;
    margin:0 auto;
	width: 50%;
	display:block;
	position:relative;

}
@media screen and (min-width: 300px) and (max-width: 1024px) {
   #one { 
float:none;
   	width: 100%;
}
}

#conte {
float:left;
    margin:0 auto;
	top:300px; 
	left:10px; 
	padding:0px;  
	width: 60%;
 	position:absolute;
	repeat-x;
	
min-height:600px;
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	padding:20px;
	
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
   #conte { 
   float:left;
    margin:0 auto;
	top:250px;  
	left:0px; 
	padding:20px;  
	width: 90%;
 	position:relative;
	repeat-x;
	min-height:0px;

	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	padding:20px;
  }

}

#divcontenuti{
float:left;
margin:0 auto;
width: 60%;
padding:50px;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#divcontenuti{
float:none;
margin:0 auto;
width: auto;
padding: 20px;
}
}


#contenuticat{
	width: auto;
	display:flex;
	position:relative;
	margin:20px;
	
	padding:20px;
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#contenuticat{
	display:block;
	width: 100%;
	margin:0px;
	padding:20px;
}
}

#divservizi{
float:left;
margin:0 auto;
width: 40%;
padding: 50px;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#divservizi{
float:none;
margin:0 auto;
width: auto;
padding: 20px;
}
}

#divserviziold{
float:left;
    margin:0 auto;
	left:20px; 
	width: 33%;
	repeat-x;
	position:relative;
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	padding:20px;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#divserviziold{
	width: 90%;
	left:0px; 
}
}

#even {
float:left;
    margin:0 auto;
	top:300px; right:10px; 
	width: 30%;
 	position:absolute;
	repeat-x;

	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	padding:20px;
	
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
   #even { 

float:left;
    margin:0 auto;
	left:-3px;  
	width: 90%;
 	position:relative;
	repeat-x;
	
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	padding:20px;

  }

}


#altezza70{
height: 70px;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#altezza70{
height: 35px;

}

}

#top{
    width:100px;
        border:1px solid #d2d2d2;
        background:#d2d2d2;
        text-align:center;
        padding:5px;
        position:fixed;
        bottom:0px; 
        right:0px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:12px;
			z-index:5;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#top{
    bottom:125px; 
}

}


.responsive{
display:inline-block;
}
.responsiveinf{
display:inline-block;
}

#inf-bar{ position:relative; height:2px; width:100%;  background-color:#FFFFFF; }


#buttonup{ height:26px; width:50px; bottom:70px; left: 10px; z-index:4; position:fixed;}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#buttonup{ height:26px; width:50px; bottom:55px; left: 10px; z-index:4; position:fixed;}
}

#buttonuplinl{ height:26px; width:50px; bottom:70px; left: 80px; z-index:4; position:fixed;}

.testo {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
}

.titolonews {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 16px;
	font-weight: bold;
	color: #F15A3F;
	text-decoration: none;
}


.testob {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
.testob {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;

}
}

.titolo {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 26px;
	font-weight: bold;
	color: #005296;
	text-decoration: none;
}
.testomob {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 44px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.titolomenu {
	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 14px;
	font-weight: bold;
	color: #1A4FC6;
	text-decoration: none;

}

.pulsante_1 {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 0px ridge;
	background-image: url(img/bottoneg.png);
	height: 20;
}
.bo {
	border: 2px solid #999999;
}


.titolob {

	font-family: Century Gothic, Arial, Helvetica;;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#eventohomediv{


margin:0 auto;
	height:80%;
	width:40%;
	background-color: #FFFFFF;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	padding:20px;
	position: relative;
		background-repeat: no-repeat;
	 background-position: center center;

	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;


}

#eventohome{
position:fixed;
left:0px; top: 0px; 
width:100%; 
height:100%; 
display: none; 
z-index: 6; 
background-image: url('img/sfondo_eve.png'); 
background-color: transparent;
}


#divfotogalx{
display:block; float:left; width:29%; padding:10px;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#divfotogalx{
display:block; float:left; width:100%; padding:10px;
}
}

#effect{
height:250px; width:150px; bottom:70px; left:0; z-index:15; background-color: #0099CC; position:fixed; display: none;
	-webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
margin-left:10px;	
padding:7px;
  
-webkit-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#effect{
height:250px; width:150px; bottom:55px; left:0; z-index:15; background-color: #0099CC; position:fixed; display: none;
	-webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
margin-left:10px;	
padding:7px;
  
-webkit-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
}
}

#barrainferiore{
	margin:0 auto;
	width:1899px;
	left:0;
	z-index:4;
	background-color: #0099CC;
	position:relative;
	height: 138px;

  -moz-box-sizing:border-box; box-sizing:border-box; 

  
-webkit-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);

  }

@media screen and (min-width: 300px) and (max-width: 1024px) {
#barrainferiore{
 margin:0 auto; 
 width:100%;  
 left:0; 
 z-index:4; 
/* background-color: #F15A3F;*/
 background-color: #0099CC;

 background : trasparent;
 position:relative;
  -moz-box-sizing:border-box; box-sizing:border-box; 

  -moz-box-sizing:border-box; box-sizing:border-box; 

  
-webkit-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px -5px 33px -8px rgba(0,0,0,0.75);


  }
}

.testom {
font-family: Century Gothic, Arial, Helvetica;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;


}

 @media screen and (min-width: 300px) and (max-width: 1024px) {
.testom {
font-family: Century Gothic, Arial, Helvetica;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	
	letter-spacing: -1px;

	


}
}


.intestazione {
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing:8px;
font-weight: bold;
	text-decoration: none;
}
.intestazione1 {
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 15px;
	color: #999999;
	text-decoration: none;
	letter-spacing:8px;
}

.logo {
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
font-weight: bold;
}
.logo1 {
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 10px;
	color: #999999;
	text-decoration: none;

}