/**************************************************************************

 CSS by Zivago * PJ | Design & Development             www.plasticjumper.it

 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................

 **************************************************************************

 SECTIONS


 **************************************************************************/

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
       position: relative;
    font: normal 62.5% 'Oswald', sans-serif;
    text-align: center;
    background: #ffffff;
}

#wrapper-header {
       position: fixed;
       z-index: 100;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 80px;
    background: #ffffff;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    text-align: left;
}

img {
       border: none;
}

@media screen and (max-width: 1000px) {
    
#wrapper {
    width: 100%;
}
    
}

/**************************************************************************

 Header

 **************************************************************************/

#wrapper-header header {
       margin: 0 auto;
       padding: 30px 0 0 0;
       width: 1000px;
       height: 80px;
       text-align: left;
}

    #wrapper-header header nav {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
    }
    
        #wrapper-header header nav > ul {
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
            #wrapper-header header nav > ul > li {
                float: left;
                margin: 0;
                padding: 0 20px 0 0;
                font-size: 1.6em;
                text-transform: uppercase;
            }
            
                #wrapper-header header nav > ul > li.mainselect a {
                    color: #d11700;
                    text-decoration: none;
                }
                
                #wrapper-header header nav > ul > li a {
                    display: block;
                    float: left;
                    margin: 0;
                    padding: 0;
                    color: #31100c;
                    text-decoration: none;
                    transition: all 0.5s;
                    -webkit-transition: all 0.5s;
                    -moz-transition: all 0.5s;
                }
                
                #wrapper-header header nav > ul > li a:hover {
                    color: #d11700;
                    text-decoration: none;
                }
                
                #wrapper-header header nav > ul > li a.uppercorrente {
                    color: #d11700;
                    text-decoration: none;
                }
                
            #wrapper-header header nav > ul ul {
                position: absolute;
                float: left;
                clear: left;
                margin: 0;
                padding: 6px 0 0 15px;
                list-style: none;
                top: 20px;
                width: 700px;
            }
            
                #wrapper-header header nav > ul ul li {
                    float: left;
                    margin: 0;
                    padding: 0 15px 0 0;
                    font-size: 1.2em;
                    color: #31100c;
                    text-transform: uppercase;
                }
                
                    #wrapper-header header nav > ul ul li a {
                        display: block;
                        float: left;
                        margin: 0;
                        padding: 0;
                        color: #31100c;
                        text-decoration: none;
                        transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                    }
                    
                    #wrapper-header header nav > ul ul li a:hover {
                        color: #d11700;
                        text-decoration: none;
                    }
                    
                    #wrapper-header header nav > ul ul li.hiexpand a {
                        color: #d11700;
                        text-decoration: none;
                    }
                    
    #wrapper-header header #swaplangform {
        display: block;
        float: right;
        margin: 0;
        padding: 0;
    }
    
        #wrapper-header header #swaplangform fieldset {
            margin: 0;
            padding: 0;
            border: none;
        }
        
            #wrapper-header header #swaplangform fieldset ul {
                float: left;
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
                #wrapper-header header #swaplangform fieldset ul li {
                    float: left;
                    margin: 0;
                    padding: 0;
                    font-size: 1.2em;
                    font-weight: 300;
                    text-transform: capitalize;
                }
                
                    #wrapper-header header #swaplangform fieldset ul li a {
                        display: block;
                        float: left;
                        margin: 0;
                        padding: 0 10px 0 10px;
                        color: #31100c;
                        text-decoration: none;
                        border-right: 1px solid #31100c;
                        transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                    }
                    
                    #wrapper-header header #swaplangform fieldset ul li a:hover {
                        color: #d11700;
                    }
                    
                    #wrapper-header header #swaplangform fieldset ul li:last-child a {
                        padding: 0 0 0 10px;
                        border-right: none;
                    }
                    
                    #wrapper-header header #swaplangform fieldset ul li.swaplangcurrent a {
                        color: #d11700;
                    }
                    
header.blocco-logo {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 80px 0 0 0;
    width: 1000px;
}
                    
    header.blocco-logo #content-logo {
        float: left;
        margin: 0;
        padding: 40px 0 0 0;
        width: 1000px;
    }
    
        header.blocco-logo #content-logo a {
            display: block;
            margin: 0 auto;
            padding: 0;
            width: 240px;
            height: 166px;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
        }
        
        header.blocco-logo #content-logo a:hover {
            opacity: 0.6;
        }
        
        header.blocco-logo #content-logo p {
            margin: 0;
            padding: 40px 0 40px 0;
            font-size: 3.0em;
            color: #31100C;
            text-transform: uppercase;
            text-align: center;
        }
        
            header.blocco-logo #content-logo p strong {
                font-weight: 300;
            }
            
        header.blocco-logo #content-logo h1 {
            margin: 0;
            padding: 0 0 5px 0;
            font-size: 1.8em;
            color: #31100c;
            text-transform: uppercase;
        }
        
@media screen and (max-width: 1000px) {
       
       #wrapper-header header {
              width: 100%;
       }
           
           #wrapper-header header nav {
               display: block;
               float: left;
               margin: 0;
               padding: 0 0 0 10px;
           }
           
           #wrapper-header header #swaplangform {
               padding: 0 10px 0 0;
           }
    
header.blocco-logo {
    width: 100%;
}
    
    header.blocco-logo #content-logo {
        float: left;
        margin: 0;
        padding: 40px 0 0 0;
        width: 100%;
    }
    
        header.blocco-logo #content-logo h1 {
            padding: 0 0 5px 10px;
        }
    
}

@media screen and (max-width: 700px) {
       
    #wrapper-header header nav {
        width: 100%;
        padding: 0;
    }
       
        #wrapper-header header nav > ul {
            width: 100%;
        }
    
            #wrapper-header header nav > ul > li {
                float: none;
                margin: 0;
                padding: 0 10px 0 10px;
            }
            
                #wrapper-header header nav > ul > li a {
                    float: none;
                    padding: 5px 0;
                    border-bottom: 1px solid #cccccc;
                }
                
            #wrapper-header header nav > ul ul {
                position: static;
                padding: 5px 0 20px 20px;
                width: calc(100% - 20px);
            }
            
                #wrapper-header header nav > ul ul li {
                    float: none;
                    margin: 0;
                    padding: 0;
                    text-transform: none;
                }
                
                    #wrapper-header header nav > ul ul li a {
                        float: none;
                        margin: 0;
                        padding: 0;
                    }
                    
    #wrapper-header header #swaplangform {
       position: absolute;
        float: none;
        margin: 0;
        padding: 0;
        top: 10px;
        left: 0;
    }
    
        header.blocco-logo #content-logo p {
            font-size: 2.0em;
        }
        
#wrapper-header {
       position: static;
    height: auto;
}
    
}
        
/**************************************************************************

 Slide

 **************************************************************************/

#slide {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 1000px;
}

       #slide > img {
           display: block;
           margin: 0;
           padding: 30px 0 0 0;
           width: 100%;
           height: auto;
       }

       #slide p.book-now,
       #mokapan p.book-now {
           position: absolute;
           margin: 0;
           padding: 0;
           top: 80%;
           left: 5%;
           z-index: 50;
           background: #31100C;
           font-size: 2.0em;
           font-weight: 300;
           text-transform: uppercase;
       }
       
              #slide p.book-now a,
              #mokapan p.book-now a {
                  display: block;
                  padding: 10px;
                  color: #ffffff;
                  text-decoration: none;
                  border: 1px solid #ffffff;
                  background: none;
                  transition: all 0.5s;
                  -webkit-transition: all 0.5s;
                  -moz-transition: all 0.5s;
              }
              
              #slide p.book-now a:hover,
              #mokapan p.book-now a:hover {
                  background: rgba(255, 255, 255, 0.5);
              }
    
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
  }

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
  }

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
  }

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
  }
  
@media screen and (max-width: 1000px) {
    
#slide {
    width: 100%;
}

}

@media screen and (max-width: 700px) {
    
#slide {
    display: none;
}

}

/**************************************************************************

 Content

 **************************************************************************/

#content {
    float: left;
    margin: 0;
    padding: 0;
    width: 1000px;
}

    #content #content-text {
        float: left;
        margin: 0;
        padding: 0;
        width: 1000px;
    }
    
       #content #content-text div.box-testotesto {
           float: left;
           margin: 27px 0 0 0;
           padding: 0;
           width: 685px;
       }
       
              #content #content-text div.box-testotesto h1 {
                     margin: 0;
                   padding: 0 0 10px 0;
                   font-size: 2.6em;
                   color: #31100c;
                   text-transform: uppercase;
                   font-weight: normal;
              }
              
              #content #content-text div.box-testotesto h2 {
                     margin: 0;
                   padding: 0 15px 30px 0;
                   font-size: 2.6em;
                   color: #31100c;
                   font-weight: normal;
                   font-style: italic;
                   font-weight: 300;
              }
              
	              #content #content-text div.box-testotesto h2 a {
	                    color: #D11700;
	                    text-decoration: none;
	              }
              
              #content #content-text div.box-testotesto h3 {
                     margin: 0;
                   padding: 20px 0 0 0;
                   font-size: 2.2em;
                   color: #31100c;
                   font-weight: normal;
                   text-transform: uppercase;
              }
              
              #content #content-text div.box-testotesto p {
                     margin: 0;
                   padding: 0 15px 15px 0;
                   font-size: 1.6em;
                   color: #000000;
                   font-weight: 300;
              }
              
                     #content #content-text div.box-testotesto p a {
                            color: #D11700;
                            text-decoration: none;
                            transition: all 0.5s;
                            -webkit-transition: all 0.5s;
                            -moz-transition: all 0.5s;
                     }
                     
                     #content #content-text div.box-testotesto p a:hover {
                            color: #000000;
                     }
       
       #content #content-text div.box-testi {
           float: right;
           margin: 0;
           padding: 0;
           width: 315px;
       }
       
              #content #content-text div.box-testi a {
                     display: block;
                  float: right;
                  margin: 27px 0 0 0;
                  padding: 0;
                  width: 315px;
                  height: 315px;
                     transition: all 0.5s;
                     -webkit-transition: all 0.5s;
                     -moz-transition: all 0.5s;
              }
              
              #content #content-text div.box-testi a:hover {
                     opacity: 0.6;
              }
              
              #content #content-text div.box-testi a.booking {
                     display: none;
              }
              
              #content #content-text div.box-testi div.booking {
                     margin: 27px 0 0 0;
                     width: 315px;
                     height: 315px;
                  background: #31100c;
              }
              
                  #content #content-text div.box-testi div.booking h3 {
                      margin: 0 15px;
                      padding: 15px 0 10px 0;
                      color: #ffffff;
                      text-align: center;
                      font-size: 1.6em;
                      border-bottom: 1px solid #ffffff;
                      text-transform: uppercase;
                      font-weight: 300;
                  }
                  
                  #content #content-text div.box-testi div.booking form {
                      display: block;
                      margin: 0;
                      padding: 15px;
                  }
                  
                      #content #content-text div.box-testi div.booking form label {
                          display: block;
                          padding: 20px 0 5px 0;
                          color: #ffffff;
                          font-size: 1.6em;
                          text-transform: uppercase;
                      }
                      
                      #content #content-text div.box-testi div.booking form input {
                          margin: 0;
                          padding: 5px 6px;
                          border: none;
                          text-align: center;
                          font-size: 1.4em;
                      }
                      
                      #content #content-text div.box-testi div.booking form #bottone-book {
                          display: block;
                          margin: 30px 0 0 0;
                          padding: 5px 6px;
                          border: none;
                          text-align: center;
                          font-size: 1.4em;
                          background: #C1A081;
                          cursor: pointer;
                      }

    #content #content-box {
        float: left;
        margin: 0;
        padding: 0;
        width: 1000px;
    }
    
       #content #content-box #riga1 {
           float: left;
           margin: 0;
           padding: 0;
           width: 1000px;
       }
       
        #content #content-box div.box-rettangolo {
            float: left;
            margin: 27px 0 0 0;
            padding: 0;
            width: 657px;
            height: 315px;
        }
        
        #content #content-box div.box-rettangolo-2 {
            float: left;
            margin: 27px 27px 0 0;
            padding: 0;
            width: 657px;
            height: 315px;
        }
    
        #content #content-box div.box {
            float: left;
            margin: 27px 27px 0 0;
            padding: 0;
            width: 315px;
            height: 315px;
        }
        
            #content #content-box div.box a {
                display: block;
                margin: 0;
                padding: 0;
                transition: all 0.5s;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
            }
            
            #content #content-box div.box a:hover {
                opacity: 0.6;
            }
        
        #content #content-box div.no-margin {
            margin: 27px 0 0 0 !important;
        }
        
        #content #content-box div.booking2 {
            display: none;
        }
        
        #content #content-box div.booking {
            background: #31100c;
        }
        
            #content #content-box div.booking h3 {
                margin: 0 15px;
                padding: 15px 0 10px 0;
                color: #ffffff;
                text-align: center;
                font-size: 1.6em;
                border-bottom: 1px solid #ffffff;
                text-transform: uppercase;
                font-weight: 300;
            }
            
            #content #content-box div.booking form {
                display: block;
                margin: 0;
                padding: 15px;
            }
            
                #content #content-box div.booking form label {
                    display: block;
                    padding: 20px 0 5px 0;
                    color: #ffffff;
                    font-size: 1.6em;
                    text-transform: uppercase;
                }
                
                #content #content-box div.booking form input {
                    margin: 0;
                    padding: 5px 6px;
                    border: none;
                    text-align: center;
                    font-size: 1.4em;
                }
                
                #content #content-box div.booking form #bottone-book {
                    display: block;
                    margin: 30px 0 0 0;
                    padding: 5px 6px;
                    border: none;
                    text-align: center;
                    font-size: 1.4em;
                    background: #C1A081;
                    cursor: pointer;
                }
        
    #content #content-varie {
        float: left;
        margin: 0;
        padding: 40px 0 0 0;
        width: 1000px;
    }
    
        #content #content-varie #links {
            float: left;
            margin: 0;
            padding: 0;
            width: 1000px;
        }
        
            #content #content-varie #links p {
                margin: 0;
                padding: 0;
                font-size: 1.4em;
                color: #a7a7a7;
                text-align: center;
                text-transform: uppercase;
                border-bottom: 1px solid #dadada;
            }
            
                #content #content-varie #links p strong {
                    font-weight: 300;
                }
                
            #content #content-varie #links ul.loghi-link {
                float: left;
                margin: 0;
                padding: 20px 0 0 260px;
                list-style: none;
            }
            
                #content #content-varie #links ul.loghi-link li {
                    float: left;
                    margin: 0 10px;
                    padding: 0;
                }
                
                    #content #content-varie #links ul.loghi-link li a {
                        display: block;
                        float: left;
                        margin: 0;
                        padding: 0;
                        height: 81px;
                        transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                    }
                    
                    #content #content-varie #links ul.loghi-link li a:hover {
                        opacity: 0.5;
                    }
                    
        #content #content-varie #contatti {
            float: left;
            margin: 0;
            padding: 40px 0 60px 0;
            width: 1000px;
        }
        
            #content #content-varie #contatti p.titoletto {
                margin: 0 0 20px 0;
                padding: 0;
                font-size: 1.4em;
                color: #a7a7a7;
                text-align: center;
                text-transform: uppercase;
                border-bottom: 1px solid #dadada;
            }
            
            #content #content-varie #contatti p.contatti {
                float: left;
                margin: 0;
                padding: 0;
                font-size: 1.4em;
                color: #747779;
                font-weight: 300;
            }
            
                #content #content-varie #contatti p.contatti span {
                    margin: 0;
                    padding: 0;
                    color: #31100c;
                }
                
            #content #content-varie #contatti ul {
                float: left;
                margin: 0;
                padding: 0 0 0 20px;
                list-style: none;
            }
            
                #content #content-varie #contatti ul li {
                    float: left;
                    margin: 0 15px 0 0;
                    padding: 0;
                }
                
                    #content #content-varie #contatti ul li a {
                        display: block;
                        float: left;
                        margin: 0;
                        padding: 0;
                        text-decoration: none;
                        transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                    }
                    
                    #content #content-varie #contatti ul li a:hover {
                        opacity: 0.6;
                    }
                    
              #catalog_1 div.catalog_box_1 span {
                     display: block;
                     margin: 0;
                     padding: 0;
              }
              
              #catalog_1 div.catalog_box_1 img {
                     margin: 0 20px 0 0 !important;
                     border: 1px solid #f2f2f2 !important;
              }
              
div.mokapan
	{
		position: relative;
	float: left;
	margin: 30px 0 0 0;
	width: 100%;
	height: 530px;
	-webkit-transition: height .5s;
	-moz-transition: height .5s;
	-o-transition: height .5s;
	transition: height .5s;
	}
        
#pano
	{
	position: relative;
	width: 100%;
	height: 530px;
	cursor: move;
	}
                    
@media screen and (max-width: 1000px) {
    
#content {
    width: 100%;
}

    #content #content-box {
        width: 100%;
    }
    
        #content #content-box div.box {
            margin: 2.5% 0 0 2.5%;
            width: 30%;
            height: auto;
        }
        
            #content #content-box div.box a {
                width: 100%;
                height: auto;
            }
            
              #content #content-box div.box a img {
                  width: 100%;
                  height: auto;
              }
              
       #content #content-box div.riga div.box img {
           width: 100%;
           height: auto;
       }
              
        #content #content-box div.riga div.box-rettangolo {
            margin: 2.5% 0 0 2.5%;
            width: 62.5%;
            height: auto;
        }
        
              #content #content-box div.box-rettangolo img {
                  width: 100%;
                  height: auto;
              }
              
        #content #content-box div.riga {
            float: left;
            margin: 0;
            padding: 0;
            width: 100%;
            height: auto;
        }
              
              #content #content-box div.riga div.box-rettangolo-2 {
                  margin: 2.5% 0 0 2.5%;
                  width: 62.5%;
                  height: auto;
              }
        
              #content #content-box div.riga div.box-rettangolo-2 img {
                  width: 100%;
                  height: auto;
              }
              
        #content #content-box div.no-margin {
            margin: 2.5% 2.5% 0 2.5% !important;
        }
        
        #content #content-box div.booking {
            display: none;
        }
        
        #content #content-box div.booking2 {
            display: block;
        }
        
    #content #content-varie {
        width: 100%;
    }
    
        #content #content-varie #links {
            width: 100%;
        }
        
            #content #content-varie #links ul.loghi-link {
                padding: 5% 0 0 20%;
            }
            
        #content #content-varie #contatti {
            width: 100%;
        }
        
            #content #content-varie #contatti p.contatti {
              float: none;
                padding: 0 10px 0 10px;
            }
            
            #content #content-varie #contatti ul {
                float: none;
                padding: 10px 0 0 10px;
            }
            
    #content #content-text {
        width: 100%;
    }
    
       #content #content-text div.box-testotesto {
           margin: 2.5% 0 0 0;
           padding: 0;
           width: 70%;
       }
       
              #content #content-text div.box-testotesto h1 {
                   padding: 0 15px 15px 10px;
              }
              
              #content #content-text div.box-testotesto h3 {
                   padding: 0 15px 0 10px;
              }
              
              #content #content-text div.box-testotesto p {
                   padding: 0 15px 15px 10px;
              }
       
       #content #content-text div.box-testi {
           float: right;
           margin: 0 2.5% 0 0;
           padding: 0;
           width: 27.5%;
       }
       
              #content #content-text div.box-testi a {
                  margin: 10% 0 0 0;
                  width: 100%;
                  height: auto;
              }
              
                     #content #content-text div.box-testi a img {
                         width: 100%;
                         height: auto;
                     }
                     
              #content #content-text div.box-testi div.booking {
                     display: block;
              }
              
                     #content #content-text div.box-testi div.booking {
                            width: 100%;
                     }
              
              #content #content-text div.box-testi a.booking {
                     display: none;
              }
              
              #catalog_1 div.catalog_box_1 {
                     margin: 0 0 0 2% !important;
                     width: 30%;
                     height: auto;
              }
              
              #catalog_1 div.catalog_box_1 img {
                     margin: 0 !important;
                     width: 100%;
                     height: auto;
              }

}

@media screen and (max-width: 700px) {
       
       #content #content-text div.box-testotesto {
           width: 100%;
       }
       
              #content #content-text div.box-testotesto p {
                   text-align: justify;
              }
    
            #content #content-varie #links ul.loghi-link {
                padding: 20px 0 0 10px;
            }
            
                #content #content-varie #links ul.loghi-link li {
                    float: none;
                    margin: 0;
                }
                
                    #content #content-varie #links ul.loghi-link li a {
                        display: block;
                        float: none;
                        margin: 10px 0 0 0;
                    }
                    
            #content #content-varie #contatti p.contatti {
                font-size: 1.2em;
            }
            
              #content #content-text div.box-testi div.booking {
                     display: block;
                     width: 100%;
              }
              
              #content #content-text div.box-testi a.booking {
                     display: none;
              }
              
              #content #content-text div.box-testi {
                     margin: 0;
                     width: 100%;
              }
              
                     #content #content-text div.box-testi a {
                            margin: 10% 3% 0 3%;
                            width: 94%;
                            height: auto;
                     }
                     
div.mokapan
	{
	display: none;
	}

}
                    
/**************************************************************************

 Footer

 **************************************************************************/

#wrapper-footer {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 3px solid #31100c;
    border-bottom: 1px solid #000000;
}

    #wrapper-footer footer {
        margin: 0 auto;
        padding: 0;
        width: 1000px;
        text-align: left;
    }
    
        #wrapper-footer footer div.box-footer {
            float: left;
            margin: 0;
            padding: 20px 0 0 0;
            width: 20%;
        }
        
            #wrapper-footer footer div.box-footer p {
                margin: 0;
                padding: 0;
                font-size: 1.2em;
                color: #000000;
                text-transform: uppercase;
            }
            
            #wrapper-footer footer div.box-footer ul {
                margin: 0;
                padding: 10px 0 60px 10px;
                list-style: none;
            }
            
                #wrapper-footer footer div.box-footer ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 1.2em;
                }
                
                    #wrapper-footer footer div.box-footer ul li a {
                        margin: 0;
                        padding: 0;
                        color: #747779;
                        text-decoration: none;
                        transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -moz-transition: all 0.5s;
                    }
                    
                    #wrapper-footer footer div.box-footer ul li a:hover {
                        opacity: 0.7;
                    }
                    
p.crediti {
    clear: both;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    width: 1000px;
    font-size: 1.2em;
    color: #747779;
    text-align: right;
}

       p.crediti a {
           color: #D11700;
           text-decoration: none;
           transition: all 0.5s;
           -webkit-transition: all 0.5s;
           -moz-transition: all 0.5s;
       }
       
       p.crediti a:hover {
           color: #000000;
       }

@media screen and (max-width: 1000px) {
    
    #wrapper-footer footer {
        width: 100%;
    }
    
            #wrapper-footer footer div.box-footer p {
                margin: 0 0 0 10px;
            }
            
p.crediti {
    width: 100%;
}

}

@media screen and (max-width: 700px) {
    
        #wrapper-footer footer div.box-footer {
            width: 100%;
        }

}

div.cc_container {
	background: rgba(0, 0, 0, 0.8);
}

p.cc_message {
	text-align: left;
}