﻿*{
        box-sizing: border-box;
    }
    


body
{
    font-family: Montserrat, "Open Sans" , Helvetica, Arial, sans-serif; /*era per la navbar padding-top: 50px;     padding-bottom: 20px;     font-family: 'Roboto', sans-serif;     */
font-size:15px;

            width: 100%;
            height: 100%;
            margin: 0;

}

html, body
{
    height: 100%;
    margin: 0;
}

*
{
    box-sizing: border-box;
}



.newslettertext
{
    
   
    font-size:18px;
    }


.skin
{
    margin-top: 82px;
    background-color:#fff;
    padding-left:0px;
    padding-right:0px;
}

a:link
{
    color: #002c76;
}

a:hover
{
    color: #002c76;
}

a:visited
{
    color: #002c76;
}

.fontfooterepc
{
    font-size:11px;
    }




.fontfooter
{
    font-size:13px;
    }

.fontfooter a:link
{
    color: #646262;
    text-decoration:none;
}

.fontfooter a:hover
{
    color: #aaaaaa;
    text-decoration:none;
}

.fontfooter a:visited
{
    color: #646262;
    text-decoration:none;
}





.fontfooterwhite
{
   
    }

.fontfooterwhite a:link
{
    color: #FFF;
    text-decoration:none;
}

.fontfooterwhite a:hover
{
    color: #FFF;
    text-decoration:none;
}

.fontfooterwhite a:visited
{
    color: #FFF;
    text-decoration:none;
}

















.divbutton > a:visited
{
    color: #000;
}

.divbutton > a:link
{
    color: #000;
}

.divbutton > a:hover
{
    color: #505050;
}

.ebook
{
    color: #9a0351;
}

.rivista
{
    color: #fa9706;
}

.software
{
    color: #75b022;
}

.libro
{
    color: #1a8f8d;
}


.alert {
    /*padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;*/
    border-radius: 0px;
}


.alert-secondary
{
    color: #383d41;
    background-color: #f3f4f5;
    border-color: #d6d8db;
}


.btn-warning
{
    color:#000;
    
    }



.alert-prezzi
{
    color: #ce0707;
    background-color: #f3f4f5;
    border-color: #d6d8db;
}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    background-color: transparent;
    border-color: none;
    border-bottom: 3px solid #0d9bed;
}

.nav > li > a:hover, .nav > li > a:focus
{
    text-decoration: none;
    background-color: transparent;
}

.example
{
    margin-top: 10px;
}

/* Style the search field */
.example input[type=text]
{
    padding: 10px;
    font-size: 15px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
}

/* Style the submit button */
.example button
{
    float: left;
    width: 20%;
    padding: 10px;
    background: #1d6db1;
    color: #fff;
    font-size: 15px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}

.example button:hover
{
    background: #0c74c5;
}


.example a:link
{
    float: left;
    width: 20%;
    padding: 10px;
    background: #1d6db1;
    color: #fff;
    font-size: 15px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}



.example a:hover
{
    color: #f0ff00;
}





/* Clear floats */
.example::after
{
    content: "";
    clear: both;
    display: table;
}


.logoericerca
{
    font-size: 15px;
    margin-top: 30px;
}

.logoericerca > ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.logoericerca > ul > li
{
    display: inline;
    text-transform: uppercase;
    padding-right: 20px;
}


.menuheader
{
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.menuheader > ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuheader > ul > li
{
    display: inline;
    text-transform: uppercase;
    padding-right: 15px;
}

.banda-blu
{
    height: 42px;
    background-color: #1d6db1;
    color: #fff;
    font-size: 15px;
    padding-top: 6px;
}

.banda-blu a
{
    color: #fff;
    text-decoration: none;
}

.banda-blu a:focus, a:hover
{
    color: #7fb9e7;
    text-decoration: none;
}


.banda-viola
{
    height: 42px;
    background-color: #9b45c4;
    font-size: 17px;
    padding-top: 8px;
    color: #002c76;
    font-weight: bold;
}

.banda-viola a
{
    color: #fff;
    text-decoration: none;
}

.banda-viola  a:hover
{
    color: #f1fa00;
    text-decoration: underline;
}


.banda-nera
{
    height: 42px;
    background-color: #000;
    font-size: 15px;
    padding-top: 8px;
    color: #002c76;
    font-weight: bold;
}

.banda-nera a
{
    color: #fff;
    text-decoration: none;
}

.banda-nera  a:hover
{
    color: #fff;
    text-decoration: underline;
}



.testogiallo
{
    color: #f0ff00;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}
.testoverde
{
    color: #3ab100;
}

.testoarancio
{
    color: #f29f00;
}
.testogrigio
{
    color: #747474;
}

.testoazzurro
{
    color: #0e85d4;
}

.testoblu
{
    color: #000000;
}

.testogrigio
{
    color:#777777;
    
    }
    

    
.testonero
{
    color: #000000;
}


testogrigio
{
    color: #5a5b59;
}

.titolo
{
    color: #000000;
    font-size: 24px;
}

.sottotitolo
{
    color: #777777;
    font-size: 15px;
}






.titolosmall
{
    color: #000000;
    font-size: 18px;
}

.testocoupon
{
    color: #1c2c3b;
    font-size: 22px;
}

.content
{
    min-height: 100%;
}

.content-inside
{
    /*padding: 20px;*/
    padding-bottom: 5%;
}

.footer
{
    /*height: 297px;*/
    background-color: #ececec;
    border-top: 1px solid #d9dbdc;
}

.container-fluid
{
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.banda-azzurra
{
    height: 59px;
    background-color: #7fb9e7;
}

.header
{
    height: 168px;
}

.imagecenter
{
    margin: auto;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content
{
    padding-left: 0px;
    padding-right: 0px;
}

/* Carousel */
.carousel-caption p
{
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* QR code generator */
#qrCode
{
    margin: 15px;
}

/*Hide/rearrange for smaller screens */
@media screen and (max-width: 767px)
{
    /* Hide captions */
    .carousel-caption
    {
        display: none;
    }
}

.navbar
{
    margin-bottom: 0px;
}

.navbar-collapse
{
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-toggle .icon-bar
{
    display: block;
    width: 22px;
    background-color: #002c76;
    height: 2px;
    border-radius: 1px;
}

.mega-dropdown
{
    position: static !important;
}

.mega-dropdown-menu
{
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #002c76;
}

.mega-dropdown-menu > li > ul
{
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li
{
    list-style: none;
    font-size:15px;
}

.mega-dropdown-menu > li > ul > li > a
{
    display: block;
    color: #222;
    padding: 2px 3px;
}

.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus
{
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header
{
    font-size: 15px;
    color: #0d86e6;
    padding: 5px 60px 5px 5px;
    line-height: 20px;
    font-weight:bold;
}

.prezzobarrato
{
    font-size: 15px;
    text-decoration: line-through;
    color: #272626;
}

.prezzo
{
    color: #e52c33;
    font-size: 15px;
}

.prezzoSmall
{
    color: #e52c33;
    font-size: 15px;
}

.star
{
    text-align: center;
    margin: auto;
    padding: 10px;
}

.starLeft
{
    text-align: left;
    margin: auto; /* padding: 10px; */
}






.img-responsive
{
    display: inline;
}

.icons
{
    float: left;
    text-align: center;
    padding-left: 5px;
}

.icons a
{
    color: #9e9e9e;
    text-decoration: none;
}

.icons a:focus, a:hover
{
    color: #7fb9e7;
    text-decoration: none;
}



.icoItem
{
    margin-top: 25px;
}


.col-item
{
    border: 2px solid #E1E1E1;
    border-radius: 0px;
    background: #f5f5f5;
}

.col-item .photo
{
    /*width: 100%;         padding-left:10px;*/
    padding-top: 10px; /*float:left;*/
    margin: 0 auto;
}


.col-item .info
{
    /*padding: 10px;*/
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info
{
    background-color: #f6f4f4;
}

.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
    text-align: right;
}

/*.col-item .price h5 {
            line-height: 20px;
            margin: 0;
        }*/

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}

.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}

.controls
{
    margin-top: 20px;
}

[data-slide="prev"]
{
    margin-right: 10px;
}



.font-blu
{
    color: #1c2c3b;
}


.list-group-item
{
    position: relative;
    display: block;
    padding: 4px 6px;
    margin-bottom: -1px;
    background-color: transparent;
    border: none;
 
}


.leoncino
{
    font: normal 1.3em Arial, Helvetica, sans-serif;
    background-image: url(/images/layout/leoncino.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 35px;
    height: 40px;
    padding-top: 8px;
}




/************menu editoria************/
#menuNavigazione ul
{
    padding: 0;
    margin: 0 0 8px 0;
    float: left;
}
.menuEditoriaAreaTematica
{
    line-height: 2px;
}
#menuNavigazione ul li
{
    list-style-type: none;
    display: block;
    margin: 0px 0 1px 0;
    float: left;
    position: relative;
}
#menuNavigazione ul li ul
{
    margin-left: 3px;
    margin-bottom: 0;
    margin-right: 0px;
    padding-top: 8px;
    padding-bottom: 5px;
}
#menuNavigazione ul li ul li
{
    margin-left: 3px;
    margin-top: 0;
    margin-bottom: 3px;
    margin-right: 0px;
}

/*#menuNavigazione li {
	margin-top:7px;
	

}
#menuNavigazione li {
	list-style-type:none;
	display:block;
	margin:0 0 4px 0;
	float:left;
	position:relative;
	

}*/
#menuNavigazione ul li a
{
    /*display: block;     padding: 8px 0 7px 32px;     font: bold 1.3em Arial, Helvetica, sans-serif;     color: #004995;     background: #e9eaec url(/Images/Layout/imgLeftMenu.gif) no-repeat;     text-decoration: none;     position: relative;     width: 248px;     background-image: url(/Images/Layout/imgLeftMenu.gif); /*line-height:10px;*/
}
#menuNavigazione ul li a:hover
{
    /*background: #dedfe0 url(/Images/Layout/imgLeftMenu.gif) no-repeat;     text-decoration: none; /*line-height:10px;*/
}


.frecciaGrande
{
    /*background: #e9eaec url(/Images/Layout/imgLeftMenu-big.gif) no-repeat;     background-image: url(/Images/Layout/imgLeftMenu-big.gif);*/
}


#menuNavigazione ul li ul li a
{
    background: #004b85;
    color: #fff;
    padding: 3px 5px 3px 10px;
}
#menuNavigazione ul li ul li a:hover
{
    text-decoration: none;
    background: none;
    color: #d8dadd;
}
#menuNavigazione ul li ul li ul
{
    left: 262px;
}
#menuNavigazione ul li ul li ul a
{
    width: 130px;
}
/*** ESSENTIAL STYLES ***/
.sf-menuv, .sf-menuv *
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menuv ul
{
    position: absolute;
    top: -999em;
}
.sf-menuv ul li
{
    width: 80%;
}
.sf-menuv li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menuv li
{
    float: left;
    position: relative;
}
.sf-menuv a
{
    display: block;
    position: relative;
}
.sf-menuv li:hover ul, .sf-menuv li.sfHover ul
{
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menuv li:hover li ul, ul.sf-menuv li.sfHover li ul
{
    top: -999em;
}
ul.sf-menuv li li:hover ul, ul.sf-menuv li li.sfHover ul
{
    left: 280px; /* match ul width */
    top: 0;
}
ul.sf-menuv li li:hover li ul, ul.sf-menuv li li.sfHover li ul
{
    top: -999em;
}
ul.sf-menuv li li li:hover ul, ul.sf-menuv li li li.sfHover ul
{
    left: 280px; /* match ul width */
    top: 0;
}
ul.sf-menuv li:hover ul li a
{
    background: none;
}

ul.sf-menu li ul
{
    z-index: 1200;
}

/*** DEMO SKIN ***/
.sf-menuv
{
    float: left;
    margin-bottom: 0;
}
a > .sf-sub-indicator
{
    /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menuv ul .sf-sub-indicator
{
    background-position: -10px 0;
}
.sf-menuv ul a > .sf-sub-indicator
{
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menuv ul a:focus > .sf-sub-indicator, .sf-menuv ul a:hover > .sf-sub-indicator, .sf-menuv ul a:active > .sf-sub-indicator, .sf-menuv ul li:hover > a > .sf-sub-indicator, .sf-menuv ul li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul
{
    padding: 0 8px 9px 0;
    background: #004b85;
}

.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}


.badge-warning
{
    color: #212529;
    background-color: #ffc107;
    font-size:15px;
}

.breadcrumb
{
    padding: 0px;
}

.descrizioneVetrina
{
    padding: 2%;
    text-align: justify; 
    padding-top: 15px;
}
}

.linkTitoloVetrina
{
    padding-top: 5%;
}

.linkSottoTitoloVetrina
{
    padding-bottom: 5%;
}
/*
.imgPercentualeVetrina
{
    height: 50%;
}


*/
@media (max-width:767px)
{
    .schedaVetrina
    {
        margin-top: 40px;
    }

}
.headscheda
{
    /* background-color: #7fb9e7; */ /*height: 30px;  padding-left: 20px; */ /*font-size: 16px;*/
    font-weight: bold;
    text-align: center;
}

.margine
{
 margin-top:3%;   
}

.center-block
{
    display: block;
 }
 
 .poco-padding
 {
  padding-left:3px;
  padding-right:3px;   
 }
 
  .azzera-margin
 {
  margin-bottom:0px;   
 }
 
 .colorfooter
 {     
     background-color:#ececec;     
 }
 
 
 .navbar-nav > li > .dropdown-menu {
    
    background-color: #fff;
}

 
 .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #0d86e6;
}
 
 
 .text-uppercase
 {
     color:#1d1d1d;
     
     }
     
     
     .sizemenu
     {
         
         font-size:14px;

         
         }
 
    .bordoright
    {
     border-right: 2px solid #cac6c6;
    }     
    .bordorightrivista
    {
        border-right: 2px solid #cac6c6;
    }         
    .bordobottomrivista
    {
    border-bottom: 0px;
    }
/*.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}

.left.carousel-control {
    right: 30px;
    left: inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}*/


/* BLACK FRIDAY*/


        ul.countdown
        {
            list-style: none;
            margin: 15px 0;
            padding: 0;
            display: block;
            text-align: center;
        }
        
        ul.countdown li
        {
            display: inline-block;
        }
        
        ul.countdown li span
        {
            font-size: 45px;
            font-weight: 300;
            line-height: 40px;
            color: #c60038;
        }
        
        ul.countdown li.seperator
        {
            font-size: 45px;
            line-height: 35px;
            vertical-align: top;
            color: #c60038;
        }
        ul.countdown li p
        {
            color: #fff;
            font-size: 20px;
        }
        
        .spanTesto
        {
            font-size: 75px !important;
            color: #fff !important;
        }
        


.bold
{
    font-weight:bold;
    
    }   	

    .flex-container
    {
        max-width:1200px;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; /* inline-flex */ /*flex-direction: row | row-reverse | column | column-reverse;*/ /*flex-wrap: nowrap | wrap | wrap-reverse;*/ /*flex-flow: <flex-direction> || <flex-wrap>*/ /* justify-content: flex-start | flex-end | center | space-between | space-around;*/

    }    
    .flex-item
    { 
        width: 400px; /*cambiare larghezza a 150px*/
        /*min-height: 250px; line-height: 150px;*/
        min-height: 150px;
        margin: 10px;
        
    }
    
    h2
    {
        font-size: 24px;
    }  
    
     .border-top
    {
        border-top:1px solid #d9dbdc;
        
    }  
    
    .border-right
    {
        border-right:1px solid #d9dbdc;
        
    }
    
   .border-right-2
    {
        border-right:1px solid #d9dbdc;
        
    }
    
  /*

    SKIN

  #background
    {
        background-image: url('/Images/Banner/INSIC-skin-BLACKFRDAY-2560x1440.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        display: block;
        height: 100%;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        text-indent: -5000em;
    }   
        
    .wrapper
    {
      background-color: #FFFFFF;
      position: relative;
            margin-top: 83px;
            padding: 0px;
    }
        
        @media (max-width: 768px)
        {
            .wrapper
            {
                margin-top: 0px;
            }            
            
             #background
                        {
         
            display: none;
          
        }
            
            
            
        }*/