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

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

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

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

 SECTIONS
 - Main tags
 - Header
 - Banner
 - Menu
 - Content
 - Footer

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

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

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

img {
    border: none;
}

p {
    margin: 0;
    padding: 0;
}

#top {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100px;
    text-align: left;
}

    #top #main {
        float: left;
        margin: 0;
        padding: 30px 0 0 20px;
        list-style: none;
    }
    
    #top #main li {
        float: left;
        margin: 0;
        padding: 0;
        font-size: 2.0em;
    }
    
        #top #main li a {
            display: block;
            float: left;
            margin: 0 5px 0 0;
            padding: 15px 20px 15px 20px;
            color: #ffffff;
            text-decoration: none;
            text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
            background: rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
            transition: background-color .5s;
            -webkit-transition: background-color .5s;
            -moz-transition: background-color .5s;
        }
        
        #top #main li a:hover {
            background-color: rgba(255, 255, 255, 0.6);
        }
        
    #top #social {
        float: right;
        margin: 0;
        padding: 40px 0 0 0;
        list-style: none;
    }
    
        #top #social li {
            float: left;
            margin: 0;
            padding: 0 0 0 0;
        }
        
            #top #social li a {
                display: block;
                float: left;
                margin: 0 15px 0 0;
                padding: 0;
                width: 20px;
                height: 20px;
                text-decoration: none;
                transition: opacity 0.5s;
                -webkit-transition: opacity 0.5s;
                -moz-transition: opacity 0.5s;
            }
            
            #top #social li a:hover {
                opacity: 0.5;
            }
            
#box-titolo {
    margin: 0;
    padding: 0;
    text-align: left;
}

    #box-titolo h1 {
        margin: 0;
        padding: 40px 0 0 20px;
        font-size: 5.0em;
        color: #ffffff;
        font-weight: normal;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    }
    
    #box-titolo h2 {
        margin: 0;
        padding: 20px 0 0 20px;
        font-size: 1.6em;
        color: #ffffff;
        font-weight: normal;
        font-style: italic;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    }
            
#content {
    margin: 60px 0 0 150px;
    padding: 0;
    text-align: left;
    background: rgba(0, 0, 0, 0.7);
    min-height: 600px;
}

    #content h1 {
        margin: 0;
        padding: 20px 0 20px 20px;
        font-size: 2.4em;
        font-weight: normal;
        color: #ffffff;
    }
    
    #content h2 {
        margin: 0;
        padding: 0 0 20px 20px;
        font-size: 2.0em;
        font-weight: normal;
        color: #ffffff;
    }
    
    #content p {
        margin: 0;
        padding: 0 20px 15px 20px;
        font-size: 1.6em;
        color: #ffffff;
    }
    
        #content p a {
            color: #FFD700;
            text-decoration: none;
        }
    
    #content ul.galleria {
        margin: 0;
        padding: 0 0 0 20px;
        list-style: none;
    }
    
        #content ul.galleria ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
            #content ul.galleria ul li {
                margin: 0;
                padding: 0 20px 20px 0;
            }
            
                #content ul.galleria ul li p {
                    display: none;
                }
                
                
    #content #figlie {
        margin: 0;
        padding: 0 0 60px 20px;
        list-style: none;
    }
    
        #content #figlie li {
            float: left;
            margin: 0;
            padding: 0;
            font-size: 1.8em;
        }
        
            #content #figlie li a {
                display: block;
                float: left;
                margin: 0 20px 0 0;
                padding: 0;
                text-decoration: none;
                color: #FF9900;
            }  
                
                
                
@media screen and (max-width: 1000px)
	{
            #content {
                margin: 60px 0 0 50px;
                padding: 0;
            }
	}
		
@media screen and (max-width: 700px)
	{

            #top #social {
                display: none;
            }
            
            #content {
                margin: 60px 0 0 0;
                padding: 0;
            }

	}
        
@media screen and (max-width: 400px)
	{
            
                #top #main {
                    float: none;
                    padding: 30px 20px 0 20px;
                }

            #top #main li {
                float: none;
            }
            
                #top #main li a {
                    display: block;
                    float: none;
                    
                    
                    margin: 0 5px 0 0;
                    padding: 15px 20px 15px 20px;
                    color: #ffffff;
                    text-decoration: none;
                    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
                    background: rgba(0, 0, 0, 0.6);
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
                    transition: background-color .5s;
                    -webkit-transition: background-color .5s;
                    -moz-transition: background-color .5s;
                }

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

p.cc_message {
	text-align: left;
    font-size: 0.8em !important;
}