/*  */



/**********************  RESET  ***************************/
* { 
    margin : 0;
    padding:0;
}

a, a:hover, a:visited { text-decoration:none; color:#271770;}


body {
    font-family:Verdana;
    font-size:12px;
    color: #333;
    }

ul li  { list-style-type:none;}

.fl {float:left}
.fr {float:right}
.w100 {width:100%}
.ml { margin-left:20px !important}
.mr { margin-right:20px !important}
.clear { clear:both !important;}



/**************HEADER *****************/

#header {  
    height:127px;
    width:100%;
    border-bottom:5px solid #271770;
    background:#fff;
	z-index:0;
    
}

#header-container { width:1024px; height:122px;  text-align:left;  margin-left:auto; 	margin-right:auto; position: relative; z-index:0; }   
#header-logo {
    position:relative;
	top:8px;
    background:transparent url('images/logo.jpg');
    width:233px;
    height:87px;
    margin:20px ;
	float:right;
}


       
#menu {float:left; position: relative; top: 95px; height:25px; display:inline-block; z-index:100; }
#menu ul {padding-left:10px;padding-right:10px; z-index:100;}
#menu ul li { float:left; cursor:pointer; padding-left:10px;padding-right:10px;}
#menu ul li a { border:0px; display:inline-block; width:120px;height:25px; background-image: url('images/menu.jpg'); z-index:100;}
#menu ul li a:hover { border:0px; display:inline-block; width:120px;height:25px; background-image: url('images/menu.jpg'); z-index:100;}

#menu ul li a.menu-home {  background-position:0 0; width:80px; z-index:100;z-index:100;}
#menu ul li a.menu-chi-siamo {  background-position:-120px 0; width:120px;z-index:100; }
#menu ul li a.menu-prodotti {  background-position: -240px 0; width:120px;z-index:100;}
#menu ul li a.menu-servizi {  background-position:-360px 0; width:100px; z-index:100;}
#menu ul li a.menu-contatti {background-position:-480px 0; width:120px; z-index:100;}

#menu ul li:hover a.menu-home {  background-position:0 25px; width:80px; z-index:100;}
#menu ul li:hover a.menu-chi-siamo {  background-position:-120px 25px; width:120px; z-index:100;}
#menu ul li:hover a.menu-prodotti{  background-position: -240px 25px; width:120px; z-index:100;}
#menu ul li:hover a.menu-servizi {  background-position:-360px 25px; width:100px; z-index:100;}
#menu ul li:hover a.menu-contatti {background-position:-480px 25px; width:120px;z-index:100;}


#menu ul li .menu-drop { 
            color:#fff;
			top: 25px;
			font-size:12px !important; font-variant:normal;
            width:210px; margin-right:auto;  margin-left:auto; 
            height:auto !important; position:absolute; z-index:10; display:none;
            background-image:url('images/bg-menu-drop.png');
			left:262px;
 }
 

#menu ul li:hover .menu-drop  {display:block;}
#menu ul li .menu-drop ul {width:auto; float:left; padding: 10px 10px 10px 20px;}
#menu ul li .menu-drop ul li a { padding-left:5px; line-height:30px !important; height:30px !important; color:#fff; font-weight:bold; font-size:12px; background:none !important; width:210px; }




/******** MAIN ********************/

#iframe-container {
	float:right;
	display:inline-block;
	margin-right:20px;
	position:relative;
	top:-150px;}

iframe {
width:600px; 
height:253px; 
border:1px solid #333}

#main { width:100%;display:inline-block;
height:auto;
  background:url('images/background.jpg');}
  
#main-content {
	width: 1024px;
	text-align:center;
    margin-left:auto; 
	margin-right:auto;
	clear:both; 
	display:block;
	}

#img-container { width:1024px;   padding-top:20px; padding-bottom:20px;  text-align:center;  margin-left:auto; 	margin-right:auto;display:block; }
#box-container { width:1024px;  text-align:center;  margin-left:auto; 	margin-right:auto; display:block; } 

.box { display:inline; background-color:Red; text-align:justify; }
.box-big { width:684px;   margin-bottom:20px; margin-left:20px; margin-right:20px;  background:transparent url(images/bg_box-big.png); height:250px; }
.box-big-1220 { width:684px;   margin-bottom:20px; margin-left:20px; margin-right:20px;  background:transparent url(images/bg_box-big-1220.png); height:1220px; }
.box-big-340 { width:684px;   margin-bottom:20px; margin-left:20px; margin-right:20px;  background:transparent url(images/bg_box-big-340.png); height:340px; }
.box-small { width:280px; margin-bottom:20px; margin-left:0px; margin-right:20px;  background:transparent url(images/bg_box-small.png); height:250px;}
.box-full { width:984px; margin-bottom:20px; margin-left:20px; margin-right:20px;  background:transparent url(images/bg_box-full.png); height:300px;}
.box-full-700 { width:984px; margin-bottom:20px; margin-left:20px; margin-right:20px;  background:transparent url(images/bg_box-full-700.png); height:700px;}
.box-img { width:280px; margin-bottom:20px; margin-left:0px; margin-right:20px; background:none; height:250px;}

.box p { padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:10px; text-align:justify; }
.box ul { padding-left:35px; padding-right:20px; padding-top:0px; padding-bottom:10px; text-align:justify;}
.box h1 { padding:5px 5px 5px 25px; position:relative; left:-10px; top:10px; background-color:#495678; font-size:16px; font-weight:bold; color: #fff; border:1 px solid #666; width:165px; height: 20px; line-height:20px; margin-bottom:20px; font-variant:small-caps;}
.box h2 { padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:10px; text-align:left; font-weight:bold; font-size:12px; color: #495678; font-variant:small-caps;}

.loghi { margin-top:7px; margin-bottom:10px;}


/****************** FOOTER ***********************/

#footer {
line-height:30px;
    text-align:center;
    height:30px;
    background-color: #fff;
	border-top:5px solid #271770;
}