/* =============================================================================
   CSS CELL_ORIZZONTALE
   ========================================================================== */

/* Small devices (Telefono Or, 767px max) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


body{font-size:18px; 
}

.nomobile, .menuprincipale, .jf_mm_a_img.menu-image{display:none!important;}



.nomobile, .menuprincipale, .jf_mm_a_img.menu-image{display:none!important;}


.linetop{width:100%; height:7px; margin-bottom: 20px; background-color: #efefef;}


#container{width:92%;
min-height:200px;
margin-left:4%;
margin-right: 4%; 
}

.bannergroup{
margin-left:auto!important;
margin-right:auto!important;
}


.box_tessera{text-align:center!important;
}


#leftbar{
width:100%;
height:auto;
float:left;
overflow:hidden;
}


#main{
width:100%;
min-height:100px;
float:right;
overflow:hidden;
}

.testologo_1, .testologo_2, .centrati{
text-align:center;
}





.logo{
width:100%;
height:auto;
    font-family: 'librebaskerville-regular-webfont';
font-size:50px;
margin-top:-42px;
line-height:56px;
text-align:center !important;

}


.menuprincipale{
width:100%;
height:auto;
    font-family: 'lato-light-webfont'!important;
line-height:29px;
    text-transform: uppercase;
    font-size: 16px;
font-weight:bold;
  margin-top:-25px;
}


.box_tessera{

}


.pull-none.item-image img{
width:100%;
}



.sprocket-features-container{
border:1px solid #ddd;
}

.sprocket-features-img-container img{
width:100%;
margin-bottom:20px!important;
}


.row-0 .item.column-1 {
float:left;
width:33%;
height:700px;
border:1px solid #ddd;
margin-bottom:15px;

}

.row-0 .item.column-2 {
float:right;
width:65%;
height:700px;
border:1px solid #ddd;
margin-bottom:15px;

}

.row-1, .row-2{
margin-top:20px;
}



.row-1 .item.column-1 {
float:left;
width:65%;
height:700px;
border:1px solid #ddd;
margin-bottom:15px;
}

.row-1 .item.column-2 {
float:right;
width:33%;
height:700px;
border:1px solid #ddd;
margin-bottom:15px;
}



.row-2 .item.column-1 {
float:left;
width:33%;
height:700px;
border:1px solid #ddd;
margin-bottom:15px;
}

.row-2 .item.column-2 {
float:right;
width:65%;
height:700px;
border:1px solid #ddd;
margin-bottom:15px;
}


.intro_titolo, .intro_testo, .sprocket-features-content{
padding-left:10px;
padding-right:10px;
}

.icons{
display:none;
}



h2{
font-family: 'librebaskerville-regular-webfont';
    font-size: 2.1em;
font-weight:lighter;
}


.nav.menuorizzontale li {
float:left;
margin-right:10px;
}

.maintop  {
margin-top:0px;
min-height:18px;
width:100%;
float:none;
min-height:8px;
padding-bottom:6px;
border-bottom:1px dotted #ddd;
}

.maintop_sotto  {
margin-top:4px;

width:100%;
min-height:28px;
float:none;
}





.nav.menu li.active a{
color:#5E94D1;
}

.nav.menuorizzontale li.active a{
color:#5E94D1;
}



.pull-left.item-image{
width:100%;
float:left;

margin-bottom:20px;
}

.pull-left.item-image img, .sige_thumb{
width:100%;
}

.spazioseparatore{
width:100%;

height:1px;
border-bottom:1px dotted #bbb;
overflow:hidden;
}

.testotessera{
font-size:19px;
font-weight:bold;
}


.sprocket-features-img-container img{

}


.pagination {
width:100%;

overflow:hidden;
}

.pagination-start, .pagination-start, pagenav li{
float:left;
margin-right:8px;
}

.pagination li {
  display:inline-block;
  padding:5px;
} 

.separatore_blog{
width:100%; height:10px; overflow:hidden;
}

.component{
margin-top:-20px;
}


.areafooter{
width:100%;
min-height:50px;
border-top:4px solid #5E94D1;
padding-top:6px;
overflow:hidden;
}























}