@charset "UTF-8";
/* CSS Document */
html,
body {
	min-height:768px;
	min-width:1024px;
}

body {
	background:url(img/sfondo.jpg) center repeat;
	font-family: 'Fondamento', cursive;
	font-size:24px;
	color:#F7931E;
        background-attachment: fixed;
        position: relative;
}

ul{list-style: none; line-height: 50px;}
a{text-decoration: none; color:#F7931E;}
h3{margin: 0;}

.contenuto{
background:url(img/mappa.png) center no-repeat;
position:relative;
height:768px;
width:1024px;
margin-left: auto;
margin-right: auto;
}
.sfondo_arancio{
    width: 750px; 
    height: 550px; 
    position: absolute; 
    top: 100px;  
    left: 270px;
    background-color: #F29324;
    opacity:0.2;
    border-radius: 20px;
    box-shadow: 5px 5px 5px #888888;
    -webkit-box-shadow: 5px 5px 5px #888888;
    -moz-box-shadow: 5px 5px 5px #888888;
}


.logo{
    width:250px;
    height: 185px;
    top:40px;
    position: absolute;

}

.frase{float: right; font-size: 34px; font-style:italic; }

.menu{
    position: absolute;
    top: 270px;
    width: 250px;
}
.menu ul li a:hover{border-bottom: 1px dashed #F29324; color: #E0B386;}



/* slide */

.slide{
    width: 750px; 
    height: 550px; 
    position: absolute; 
    top: 100px;  
    left: 270px;
    border: 6px solid #F29324;
    border-radius: 20px;
    -moz-border-radius:20px;
    -webkit-border-radius: 20px;
    
    box-shadow: 5px 5px 5px #888888;
    -webkit-box-shadow: 5px 5px 5px #888888;
    -moz-box-shadow: 5px 5px 5px #888888;
    
    opacity:0.5;
    
}

.clear {
	clear:both
}

#gallery {
	width: 750px; 
        height: 550px; 
        position: absolute; 
        top: 106px;  
        left: 276px;
        
        
        
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
           border-radius: 15px;
           
		
	}
	
	#gallery a.show {
		z-index:500
	}
        
        
        /* PER DESCRIZIONE IN REL="" al momento non visibile 

	#gallery .caption {
		z-index:600; 
		background-color:#FEF7EE; 
		color:#F29324; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#009036;
                font-size: 20px;
                float: right;
                text-align: right;
	}
        #gallery .caption .content p{font-size: 16px; float: right; text-align: right;}
        
        /* FINE PER DESCRIZIONE IN REL="" al momento non visibile */

/* fine slide */


/* Social network */
.condividi{
    width: 180px;
    height: 80px;
    position: absolute;
    top:570px;
    left:10px;
    background-color: #fff;
    opacity: .5;
border-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 100px;


-webkit-border-radius-topright: 100px;
-webkit-border-radius-topleft: 100px;
-webkit-border-radius-bottomright: 100px;
-webkit-border-radius-bottomleft: 100px;

border-bottom: 2px dashed #F29324;
border-right: 2px dashed #F29324;
border-left: 2px dashed #F29324;
border-top: 2px dashed #F29324;
}
.social {
    width: 180px;
    height: 80px;
    position: absolute;
    top:590px;
    left:35px;
   
}
.social img{ 
    border:none;
    margin: 5px;
}



.contatti{float:left; width: 1024px; padding-top: 50px;}

.contatti a {text-decoration:none; color:#F7931E;}


.menu_footer{position: absolute; width:1024px; text-align:center; top:650px;}
.menu_footer ul li{font-size: 18px; display: inline;}
.menu_footer li {margin-left: 30px;}
.menu_footer li a:hover{border-bottom: 1px dashed #F29324;}

.copy {position: absolute; width:1024px; text-align:center; top:740px;}
.copy p {font-size:12px;}

/*PAGE CHI SIAMO*/
.chisiamo{
    width: 740px; 
    height: 540px; 
    position: absolute; 
    top: 100px;  
    left: 270px;
    margin: 10px;
}
.chisiamo p{font-size: 16px; font-weight: bold;}

#slide-brand{
    width: 740px; 
    height: 100px; 
    position: absolute; 
    top: 400px;
    overflow: hidden;
}
#slide-brand #carousel{list-style: none;display:block;}
#slide-brand #carousel li{float:left;width:90px;height:80px;margin-right:15px;}
/*FINE PAGE CHI SIAMO*/

/*PAGE CONTATTI*/
.contatti{
    width: 740px; 
    height: 540px; 
    position: absolute; 
    top: 45px;  
    left: 270px;
    margin: 10px;
    border: 0;
}
.contatti p{font-size: 16px; font-weight: bold;}

.contatti1{
    width: 350px;
    float: left;
    position: relative;
}
.contatti2{
    width: 350px;
    float: right;
    position: relative;
}
#contact-form{
    display: block;
    overflow: hidden;
    color:#F7931E;
    
}
#contact-form fieldset{
    border: 0;
    margin: 0;
    color:#F7931E;
}


#contact-form label{
    font-size: 12px;
    margin: 0;
}
buttons-wrapper{
    width: 300px;
    height: 30px;
    margin-left: 15px!important;

}
#clear{
    border-radius:10px;
    opacity:0.5;
    background-color: #fff;
    color:#F7931E;
}
#submit{
    border-radius:10px;
    opacity:0.5;
    background-color: #fff;
    color:#F7931E;
}
/*FINE PAGE CONTATTI*/