#headertop {
   background-color: #1F376D;
/*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: #1F376D;
/*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;
}
#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: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 20px;
	color: #1F376D;
	text-decoration: none;


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

	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 13px;
	color: #1F376D;
	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: #1F376D;
    margin:0 auto;
	top:171px; 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:160px; left:0px; 
    padding: 0px;
	width: 100%;
	height : 50px;
 	position:absolute;
	repeat-x;
	z-index:1;

	
-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: #101C42;
    	width: 100%;
display:inline;
	margin:0 auto;
	top:0px; left:0px; 
 	position:absolute;
	repeat-x;
	z-index:16;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#logo {
display:none;

}
#logo img{
	width: auto;
	height: auto;

}
}

#logop {
display:none;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#logop {
    	width: 100%;
display:inline;
	background-color: #101C42;
    margin:0 auto;
	top:0px; left:0px; 
 	position:fixed;
	repeat-x;
	z-index:16;

}
#logop img{
	width: 100%;
	height: 160px;

}
}

.immagineresponsive {
	width: auto;
	max-width: 600px;

}
@media screen and (min-width: 300px) and (max-width: 1024px) {
.immagineresponsive {
	width: 100%;
	max-width: auto;
}
}


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

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

}
}


#conte {
float:left;
    margin:0 auto;
	top:240px; left:10px; 
	width: 60%;
 	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) {
   #conte { 
   float:left;
    margin:0 auto;
	top:150px;  
	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;
  }

}



#even {
float:left;
    margin:0 auto;
	top:240px; 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;
	top:10px;
	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:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed;
        bottom:65px; 
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:12px;
			z-index:5;
}


.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;}

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

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

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


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

}
}

.titolo {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 26px;
	font-weight: bold;
	color: #1F376D;
	text-decoration: none;
}
.testomob {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 44px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.titolomenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	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: Geneva, Arial, Helvetica, sans-serif;;
	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;
}

#barrainferiore{
 margin:0 auto; height:70px; width:100%; bottom:0px; left:0; z-index:4; 
 background-color: #101C42;

 position:fixed;
  -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{
 bottom:0px;
 margin:0 auto; 
 height:100px; 
 width:100%;  
 left:0; 
 z-index:4; 
 background-color: #101C42;


 margin:0 auto; height:70px; width:100%; bottom:0px; left:0; z-index:4; 
 background : trasparent;
 position:fixed;
  -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: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;


}

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

	


}
}