﻿#Menulinks h1
{
    display:none;
}
/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */

@media only screen and (max-width: 1000px) {
    
    #Header, #Content, #Footer,#Menulinks{    
        width: 98%;        
    }
   
    #Content .page-left {padding: 4%;width: 64%;}
    #Content .page-right {padding: 4% 2%; width: 24%;}

    #Footer .testo-footer{width: 81%;}
    #Footer .social {width: 19%;}

    /*commenti*/
    #PanelFormWrapperCommento .fb_iframe_widget{display:none !important}
    .form-commenti{margin-top:0 !important}
    #Content .col-right .box .img img{height:100%;width:auto;}
}

@media only screen and (max-width: 860px)
{

    .containerPlusone{display:none;}
    
    #panelsearch
    {
        border: 1px solid #2C2E34;
        height: 31px !important;
        margin: 0 !important;
        position: absolute;
        right: 8px;
        top: -50px;
        width: 200px !important;
    }
    #searchsubmit{height: 32px !important;}
    #searchInput {padding: 8px 10px !important;width: 134px !important;}


    #BoxHome .box h3 {font-size:25px; line-height:25px;}
}

@media only screen and (max-width: 780px)
{
    #FraseHeader{display:none}
    /*news
    .news .img{width: 30% !important;}
    .news .text-news{float: left;width: 68%;}
*/
   

    
#Content .col-left ,#Content .col-right {
    margin: 0 2.5%;
    width: 95%;
}

.containerFanFacebook{display:none}
    .boxMenuCategoria
    {
        overflow: hidden;
    }
.boxMenuCategoria li {
    float: left;
    margin-right: 10px;
}
   
}

@media only screen and (max-width: 640px)
{
    #Content .col-right .box
    {
        width: 46%;
    }

        #Content .col-right .box .img img
        {
            height: auto;
            width: 100%;
        }
}
@media only screen and (max-width: 585px)
{
    #Menulinks h1 img
    {
        display:inline;
    }
    
    #Menulinks h1
    {
        display:block;
        color:#fff;
        background:#F59324;
        padding:1%;
        margin:0;
        font-size:25px;
    }

    #Menulinks h1 img
    {
        vertical-align:middle;       
    }

    #Menulinks h1 a
    {        
        color:#fff;     
        text-decoration:none;        
    }

    #Menulinks ul
    {
        display: none;
        text-align:left;
        background-color:none;    
        padding: 0;  
        margin:0;  
    }

    #Menulinks ul li
    {
        text-align:left;
        display: block;
        margin: 0;
        border-bottom: 1px solid #F59324; 
        background:#0C598B;       
        padding: 0;        
        font-size:17px;
        line-height:17px;
        clear:both;		
        float:none;
    }
    #Menulinks ul li img
    { 
        width:auto!important;
	    margin:0 10px 0 0;       
    }

    #Menulinks ul li:hover,#Menulinks ul li.active, #Menulinks ul li:hover li:hover ,#Menulinks ul li.active li.active
    {
        color:#fff;
        background:#F59324;
    }

    #Menulinks ul li:hover li,#Menulinks ul li.active li{background:#EA7624;}
    #Menulinks ul li:hover a,#Menulinks ul li.active a{color:#fff;}
    #Menulinks ul li a,#Menulinks ul li.last a{padding: 2%;display:block;}

    #Menulinks ul li li
    {
        font-size:20px;
        line-height:20px;
        padding:0;
        border-left:7px solid #8F4C33;
        border-top: 1px solid #454142; 
    }

    #Menulinks li:hover ul
    {
        display: none;
    }
    #Menulinks li ul
    {     
        position:relative;
        background:none;
        left:auto;
        top:auto;                 
    }

    #panelsearch {top: 5px;}
    #Header .social{display:none}

    #logo{width:100%;}
    #logo p{text-align:center;}
    
    .nivo-caption{ top:5% !important; left:5% !important;}

    #BoxHome .box{width:50%;}
    
    #Content .page-left, #Content .page-right {padding: 4%;width: 92%;}
    #Content .page-right {border-top: 1px solid #D1D2D4;}
    
    #Footer .testo-footer,#Footer .social{width: 100%;}
    #Footer .social{text-align:left; margin-bottom:10px}
    #Footer .social img {margin:0 10px 0 0;}

     
}

@media only screen and (max-width: 500px)
{
    
  

    .containerPlusone{display: none;}
   
    /*photogallery*/
    .albums .album, #PhotoGallery .foto {
        margin: 0 2% 2% 0 !important;
        width: 48% !important;
        height:200px !important;
    }  
    
    #PhotoGallery .foto {
        width: 47% !important;
    } 

    #PhotoGallery .foto .fotoImg {
        height: 157px !important;
    }
}

@media only screen and (max-width: 475px)
{
    #Content .col-right .box .img img
        {
            width: auto;
            height: 100%;
        }
}
@media only screen and (max-width: 420px) {  
     #news .img{width: 100% !important;}
     #Content .col-right .box
    {
        width: 96%;
    }

     #Content .col-right .box .contentImg,  #Content .col-right .box
        {
            height: auto;
        }

        #Content .col-right .box .img img
        {
            
            width: 100%;
            height: auto;
        }

    #Content-slider
    {
       display:none
    }  

    #Header{height:auto;}

    #LogoHeader{width: 100%; text-align:center; margin:20px 0}

/*
    #Share
    {
        height:auto !important;
        padding:6px 10px !important;
    }

    #Share .share
    {
        display:block;
        margin-bottom:10px;
        float:none!important;
        overflow:hidden;
    }*/
        

     /*commenti*/    
    .form-line{margin:0 0 3% !important;width:100% !important; }

    #slider-wrapper{display: none !important;}
    .nivo-caption{display: none !important;}

    #BoxHome .box ,#BoxHome .box img {width: 100%; height: auto;}
    #Footer ul li {margin: 0 7px 5px 0;padding-right: 7px;}

}

@media only screen and (max-width: 350px) {
    
    #panelsearch{display:none}

    
    .news .img,.news .text-news {
        margin:0;    
        width: 100% !important;
    }
}

@media only screen and (max-width: 320px) {   

    /*form*/
    .panelForm .left, .panelForm .right
    {
        width:100%;
    }

    .textsmall {
        margin-right: 0 !important;
        width: 93%!important;
    }
}