/*CSS visualizzazione colonna homepage*/

#CategoriesMenuHome {
    display: none;
}

#CategoriesMenuPro {
    display: none;
    float: left;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0px 3px 8px #ddd;
    -moz-box-shadow: 0px 3px 8px #ddd;
    -webkit-box-shadow: 0px 3px 8px #ddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-top: 4px solid #666;
    right: 0;
    padding: 0% 0%;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1001;
}

#CategoriesMenuFish {
    //display: none;
    float: left;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 3px 0 8px #666;
    -webkit-box-shadow: 3px 0 8px #666;
    -moz-box-shadow: 3px 0 8px #666;
    left: 25%;
    padding: 0px 0%;
    position: absolute;
    top: 35px;
    width: 300px;
    z-index: 1001;
}
#CategoriesMenuFishTest {
    background: #fff none repeat scroll 0 0;
    box-shadow: 3px 0 3px -3px #666;
    float: left;
    height: 100%;
    padding: 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 1001;
}
.CategoriesMenu{
    width: 100%;
}

.cat_main_container {
    float: left;
    width: 16%;
    margin: 0% 2%;
    /*height: 250px;*/
}

.cat_main_containerPro {
    border-left: 2px solid #D2D2D2;
    float: left;
    margin: 5px 1% 10px 0%;
    padding-left: 1%;
    min-height: 300px;
    width: 31%;
}

.cat_main_containerFish {
    float: left;
    margin: 0px 0% 0px 0%;
    padding-left: 0%;
    width: 100%;
}

.categories-fish-subcontainer {
    background: #f9f9f9 none repeat scroll 0 0;
    -webkit-box-shadow: 3px 0 8px #666;
    -moz-box-shadow: 3px 0 8px #666;
    box-shadow: 3px 0 8px #666;
    display: none;
    left: 300px;
    min-width: 100%;
    padding-left: 30px;
    position: absolute;
    top: 0px;
}

.CategoriesMenuHome_container{
    margin:0px;
    padding: 0px;
    color: #000000;
}

.CategoriesMenuHome_button{
    float: left;
    margin-bottom: 0px;
    color: #fff;
    width: 90%;
    padding: 10px;
    margin: 1px 1% 0px;
    font-size: 12px;
    cursor: pointer;
}

.CategoriesMenuHome_buttonPro{
    color: #666666;
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin: 1px 1% 0;
    padding: 5px 0;
    float: left;
    width: 100%;
}

.CategoriesMenuHome_buttonPro:hover{
    color: #ec1d23;
}

.CategoriesMenuHome_button_categorie{
    float: left;
    margin-bottom: 0px;
    text-align:left;
    background-color: #666;
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 10px 0px;
    cursor: pointer;
    text-align: center;
}

.CategoriesMenuHome_button_head{
    float: left;
    text-align:center;
    background-color: #f9f9f9;
    border-radius:3px;
    -moz-border-radius:10px;
    width: 135px;
    height: 28px;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    padding: 12px 0px 0px 0px;
    margin: 5px;
    border: 1px solid #666;
    cursor: pointer;
}

.CategoriesMenuHome_button:hover{
    background: #fff;
    color: #666;
}

.CategoriesMenuHome_button_head:hover{
    background-image: none;
    background-color: #f9f9f9;
    border-bottom: 1px solid #bbbbbb;
}

.CategoriesMenuHome_button_active{
    float: left;
    margin-bottom: 0px;
    text-align:center;
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    width: 125px;
    height: 130px;
    padding: 10px;
    margin: 5px;
    font-size: 12px;
    cursor: pointer;
    -moz-box-shadow:  5px  5px 5px #3169C6;
    -webkit-box-shadow:  5px  5px 5px #3169C6;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#3169C6', Direction=135, Strength=5);
    box-shadow: 5px 5px 5px #3169C6;
}

.CategoriesMenuHome_head{
    float: left;
    border-bottom: 1px solid #bbbbbb;
    padding: 1%;
}

.CategoriesMenuHome_last{
    background: none repeat scroll 0 0 #a0c9e9;
    box-shadow: 3px 3px 10px #666666;
    -moz-box-shadow: 3px 3px 10px #666666;
    -webkit-box-shadow: 3px 3px 10px #666666;
    overflow-y: scroll;
    height: 100%;
    left: 0;
    padding: 0% 0%;
    position: fixed;
    top: 0;
    width: 250px;
    z-index: 9999999;
}

.CategoriesMenuHome_lastPro{
    float: left;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0px 3px 8px #ddd;
    -moz-box-shadow: 0px 3px 8px #ddd;
    -webkit-box-shadow: 0px 3px 8px #ddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-top: 4px solid #666;
    right: 0;
    padding: 0% 0%;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.classificazioni {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 0 10px;
}

.classificazioniPro {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 15px;
    padding: 5px 10px;
    text-align: left;
}

.classificazioniFish {
    color: #666;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    margin: 5px 0;
    padding: 4px 10px 10px;
    position: relative;
    text-align: left;
}

.classificazioniFish:hover {
    //background: url('../img/freccia-categorie.png') no-repeat right center #445059;
    //color: #fff;
}

.cat_main_containerFish:hover .arrow-right {
    display: block;
}

.cat_main_containerFish:hover .categories-fish-subcontainer {
    display: block;
}

.cat_head{
    background: none repeat scroll 0 0 #3F3E3E;
    color: #FFFFFF;
    float: left;
    font-size: 25px;
    padding: 0%;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
}

.close-x {
    background:url('../img/close.png') no-repeat center center;
    position:absolute;
    left: -2px;
    top: -2px;
    z-index: 9999;
    width:55px;
    height:55px;
    cursor: pointer;
}

.cat_headPro{
    background: none repeat scroll 0 0 #ddd;
    color: #FFFFFF;
    float: left;
    width: 100%;
}

.close-xPro {
    background:url('../img/close.png') no-repeat center center;
    position:absolute;
    right: 2px;
    top: 2px;
    z-index: 9999;
    width:20px;
    height:20px;
    cursor: pointer;
}

.arrow-right {
    background: #ec1d23 url("../img/freccia-categorie.png") no-repeat scroll right center;
    color: #fff;
    display: none;
    height: 40px;
    padding: 9px 0 0 10px;
    position: absolute;
    right: -22px;
    top: -5px;
    width: 322px;
    z-index: 10;
    z-index: 10002;
}

.personal-cat-li {
    border-left:1px solid #fff;
    text-align: center;
    cursor: pointer;
}

.personal-cat-a {
    font-size: 20px;
    color: #666;
}

.CategoriesMenuHome_buttonNew {
    padding: 10px 10px;
}

.CategoriesMenuHome_buttonNew:hover {
    background: #ec1d23;
    color: #fff;
}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
        .cat_head{
            background: transparent;
        }
	
}
/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
	
        .cat_head{
            background: transparent;
        }
        
        .CategoriesMenu {
            background: none repeat scroll 0 0 #282828;
            box-shadow: 3px 3px 10px #666666;
            height: 100%;
            left: 0;
            overflow-y: scroll;
            padding: 0;
            position: fixed;
            top: 0;
            width: 250px;
            margin-top: 0px;
            z-index: 1000000;
            display: none;
        }
        
        .cat_main_container {
            float: left;
            width: 96%;
            margin: 0% 2%;
        }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
        .cat_head{
            background: transparent;
        }
        
        .CategoriesMenu {
            background: none repeat scroll 0 0 #282828;
            box-shadow: 3px 3px 10px #666666;
            height: 100%;
            left: 0;
            overflow-y: scroll;
            padding: 0;
            position: fixed;
            top: 0;
            width: 250px;
            margin-top: 0px;
            z-index: 1000000;
            display: none;
        }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
	
        .cat_head{
            background: transparent;
        }
        
        .CategoriesMenu {
            background: none repeat scroll 0 0 #282828;
            box-shadow: 3px 3px 10px #666666;
            height: 100%;
            left: 0;
            overflow-y: scroll;
            padding: 0;
            position: fixed;
            top: 0;
            width: 250px;
            margin-top: 0px;
            z-index: 1000000;
            display: none;
        }
}