/*Generale*/
* {
margin : 0;
padding : 0;
}
body {
background : #ffffff url(../image/bg.gif) repeat-x;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 12px;
color : #111;
}
/*Header*/
#header {
height : 102px;
margin : 0 auto;
background : #021957 url(../image/header.jpg) no-repeat top center;
}

/*Menù di Selezione*/
/* menu */
#menu { width: 814px; height: 45px; margin: 0 auto; position: relative; /*z-index: 9998; */}
#menu #globalnav { margin: 0; padding: 0; }
#menu #globalnav li { display: inline; }
#menu #globalnav li a { float: left; width: 110px; height: 0; padding-top: 44px; overflow: hidden; }
#menu #globalnav li#gn-1 a  {width: 134px; }
#menu #globalnav li#gn-2 a  {width: 142px; }
#menu #globalnav li#gn-3 a  {width: 146px; }
#menu #globalnav li#gn-4 a  {width: 139px; }
#menu #globalnav li#gn-5 a  {width: 112px; }
#menu #globalnav li#gn-6 a  {width: 140px; }
#menu #globalnav li a { background-image: url(../image/navigator.png); background-repeat: no-repeat; }

/* BUTTONS non attivo*/
#menu #globalnav li#gn-1 a { background-position: 0 0; }
#menu #globalnav li#gn-2 a { background-position: -134px 0; }
#menu #globalnav li#gn-3 a { background-position: -276px 0; }
#menu #globalnav li#gn-4 a { background-position: -422px 0; }
#menu #globalnav li#gn-5 a { background-position: -561px 0; }
#menu #globalnav li#gn-6 a { background-position: -673px 0; }

/* OVER STATES hover */
#menu #globalnav li#gn-1 a:hover { background-position: 0 -44px; }
#menu #globalnav li#gn-2 a:hover { background-position: -134px -44px; }
#menu #globalnav li#gn-3 a:hover { background-position: -276px -44px; }
#menu #globalnav li#gn-4 a:hover { background-position: -422px -44px; }
#menu #globalnav li#gn-5 a:hover { background-position: -561px -44px; }
#menu #globalnav li#gn-6 a:hover { background-position: -673px -44px; }

/* PRESSED pressato */
#menu #globalnav li#gn-1 a:active { background-position: 0 -88px; }
#menu #globalnav li#gn-2 a:active { background-position: -134px -88px; }
#menu #globalnav li#gn-3 a:active { background-position: -276px -88px; }
#menu #globalnav li#gn-4 a:active { background-position: -422px -88px; }
#menu #globalnav li#gn-5 a:active { background-position: -561px -88px; }
#menu #globalnav li#gn-6 a:active { background-position: -673px -88px; }

/* ON STATES attivo */
#menu.uno #globalnav li#gn-1 a { background-position: 0 -132px !important; cursor:default; }
#menu.due #globalnav li#gn-2 a { background-position: -134px -132px !important; cursor:default; }
#menu.tre #globalnav li#gn-3 a { background-position: -276px -132px !important; cursor:default; }
#menu.quattro #globalnav li#gn-4 a { background-position: -422px -132px !important; cursor:default; }
#menu.cinque #globalnav li#gn-5 a { background-position: -561px -132px !important; cursor:default; }
#menu.sei #globalnav li#gn-6 a { background-position: -673px -132px !important; cursor:default; }


.pagina {
width : 830px;
margin : 0 auto;
background : #f3f3fd url(../image/pagina.gif);
}
.pagina .cent {
padding : 0 20px 0 20px;
width : 790px;
float : left;
}

/*Tipografia*/
h1, h2, h3 {font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size : 3em;}
h2 {font-size : 2em;}
h3 {font-size : 1em;}
p, ul, ol {
margin-bottom : 1em;
line-height : 1.3em;
text-align : justify;
}
hr {
display : none;
}
/*Link*/
a {
color : #111;
font-weight : bold;
text-decoration : underline;
}
a:hover {
text-decoration : underline;
color : #111;
}

/*Intestazioni*/
.int {
margin : 10px 0;
height : 15px;
}
.int_line {
margin : 20px 10px 8px 10px;
height : 15px;
border-bottom : 1px solid #ddd;
}
.int_line_pro {
margin : 20px 10px 5px 10px;
height : 15px;
border-bottom : 1px solid #dcd;
}
.sub_title {
margin : 3px 10px 10px 10px;
}

/*Paragrafi*/
.par_chi {
margin : 5px 10px 10px 10px;
}
.par_link {
margin : 5px 10px 10px 10px;
height : 82px;
}
.par_contatti {
margin : 5px 10px 10px 10px;
height : 82px;
}
.par_ordina {
margin : 15px 10px 10px 10px;
padding-top : 7px;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
.par2_ordina {
margin : 5px 10px 10px 10px;
padding : 15px 0 10px 0;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
.par3_ordina {
margin : 0 10px;
padding-top : 5px;
}

/*Elenchi*/
.line li {
list-style : none;
padding-left:20px;
background : url(../image/list.gif) no-repeat 1px 3px;
}
.list_chi li {
background : url(../image/list.gif) no-repeat 5px 8px;
list-style : none;
margin-left : 5px;
line-height : 2em;
padding : 0 0 0 20px;
}
.lista_sez {
margin-left : 4px;
width : 112px;
}
.lista_sez li {
background : url(../image/point.gif) no-repeat 0 4px;
list-style : none;
line-height : 1.2em;
padding-left : 10px;
text-align : left;
}
.lista_box {
width : 11.5em;
float : left;
height : 62px;
}
.lista_box li {
background : url(../image/list.gif) no-repeat 0 4px;
list-style : none;
margin-left : 5px;
line-height : 1.6em;
padding-left : 15px;
}

/*Pagina Home*/
.copertina {
border : 5px solid #bbbbbb;
background:url(../image/copertina.jpg) no-repeat 0px 0px;
height: 247px;
width: 355px;
margin-bottom: 15px;
}
.line {
border-bottom : 1px solid #ddd;
}
.secondo_par {
background : #f2f2fd url(../image/bimbi.jpg) bottom left;
background-repeat : no-repeat;
height : 255px;
}
.giustificato {
margin : 0;
text-align : justify;
}
.destro {
margin : 0;
text-align : right;
}
.pagina .sx {
padding : 0 10px 0 25px;
width : 390px;
float : left;
}
.pagina .dx {
padding : 0 15px 0 10px;
width : 370px;
float : left;
border-left : 1px solid #ddd;
}
.date {
color : #051a58;
}
#flash {
margin-left : -16px;
background : #fff;
height : 250px;
width : 401px;
}

/*Pagina Chi Siamo*/
.benedetto {
margin : 20px 15px 20px 0;
}
.giulia {
margin : 20px 15px;
}
.laura {
margin : 20px 0 20px 15px;
}
.benedetto, .giulia, .laura {
background : #d8d5f6 url(../image/box_stella.gif) no-repeat;
text-align : center;
float : left;
height : 133px;
width : 224px;
}
.box {
margin : auto;
width : 733px;
height : 180px;
}
.nome {
margin : 15px 0;
}
.nome2 {
margin-top : 7px;
margin-bottom : 7px;
}
.fotobox {
margin-left : 0.8em;
float : left;
}
.foto, .fotobox {
width : 62px;
height : 62px;
}

/*Pagina prodotti*/
.sezione1, .sezione2, .sezione3, .sezione4, .sezione5, .sezione6 {
background : url(../image/sezione1-6.gif);
height : 226px;
}
.sezione7, .sezione8, .sezione9, .sezione10, .sezione11, .sezione12 {
background : url(../image/sezione7-12.gif);
height : 100px;
}
.sezione1, .sezione2, .sezione3, .sezione4, .sezione5, .sezione7, .sezione8, .sezione9, .sezione10, .sezione11 {
margin-right : 5px;
}
.sezione2, .sezione3, .sezione4, .sezione5, .sezione6, .sezione8, .sezione9, .sezione10, .sezione11, .sezione12 {
margin-left : 5px;
}
.sezione1, .sezione2, .sezione3, .sezione4, .sezione5, .sezione6, .sezione7, .sezione8, .sezione9, .sezione10, .sezione11, .sezione12 {
margin-top : 10px;
float : left;
width : 120px;
}
.sezioni_pro {
margin : 10px;
height : 350px;
width : 770px;
}
.vetrina_pro {
background : url(../image/dilis_bg_prodotti.gif) repeat-x 0 60%;
margin : 10px 0 10px 10px;
height : 200px;
width : 770px;
}
.depliant, .interfaccia, .guarda {
float : left;
height : 180px;
width : 220px;
}
.depliant {
margin : 20px 27px 20px 0;
}
.interfaccia {
margin : 20px 27px;
}
.guarda {
margin : 20px 0 20px 27px;
}

/*Pagina Ordina*/
.vetrina_ordina {
margin : 10px 0 10px 10px;
height : 331px;
width : 767px;
}
.dati_dilis {
margin : 20px 0;
width : 360px;
}
.dati_banca {
background : url(../image/dati_banca.gif) no-repeat;
margin : 30px 0;
width : 357px;
height : 206px;
padding : 10px 0 10px 15px;
}
.dati_ordina {
margin : 0 0 0 15px;
float : left;
height : 331px;
width : 372px;
}
.ordina_dep {
margin : 0 0 20px 0;
float : left;
height : 331px;
width : 380px;
}

/*Pagina Link*/
.logo {
width : 80px;
float : left;
margin : 10px 0;
}
.link {
width : 680px;
float : left;
margin : 10px 0 10px 5px;
height : 54px;
padding : 8px 0 0 2px;
}

/*Footer*/
#footer {
margin : auto;
width : 830px;
height : 87px;
background : #f3f3fd url(../image/footer.gif) no-repeat bottom center;
clear : both;
}
#footer p, .notice, #footer a {
text-align : center;
font-size : 0.9em;
color : #333;
}
.notice {
position : relative;
top : 50px;
}

/*Form contatti*/
#contact{
	width:530px;
	height: 320px;
	margin-left: 20px;
	padding-top: 5px;
	border: 1px dotted #ddd;
	margin-bottom: 20px;
}

.casella{
	margin-left: 5px
}
.riga_form{
	width:500px;
	height:25px;
	float:left;
}
.text_form{
	width:60px;
	float:left;
	height:21px;
	padding: 2px 0 0 0;
}