/* versione 4 13/10/17 per cdssistemi.com */
* {
    margin: 0;
    padding: 0;
}
html {
    background-color: #ffffff;
    height: 100%;
}
body {
    color: #333333;
    font: 0.75em/10.5em Arial,sans-serif;
/*    background-color: #000000;/* era #000000 */
}

h1 {
    color: #cccccc;
    font-size: 2.5em;
    font-weight: bolder;
	 padding-left: 10px;
}

h2 {
    color: #ffffff;
    font-size: 1.5em;/* era 1.75em*/
    background-color: #F55856;/* era #000000 */
	 padding-left: 10px;
	 padding-right: 10px;
/*	 position: relative; /*	top:-10.5em; left: auto;*/
}
p {/* da vers 8*/
    color: #000000;
    font-size: 1em;/* da vers 8*/
    background-color: #ffffff;
	 text-align: left;
	 padding-left: 10px;
/*	 line-height: 200%;/* da ver 1*/

/*	 position: relative; /*	top:-10.5em; left: auto;*/
}

/* testata superiore */
.testatasu {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background-color: #cccccc;/* da ver 2*/
    /*	width: 100%;*/

}
/*	.pos1	{ 
	  /* position: absolute; top: 0px; left: 0px;*/
	  /* position: fixed; top: 0px; left: 0px;}*/
	  /* position: absolute; top: 0px; left: 0px;*/
	  /* float: left;
}*/
/*	 titolo principale*/
.pos1 {
	 position:relative;/*M. era absolute*/
	 float: left;
	 line-height: 9px;/*M. era absolute*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background-color: #ffffff;/*agiunto ver 1 */
    /* left:0px;top:0px;*/
	 /* display: block;*/
	 z-index:1;
 }

/*	 occhiello */
.pos2 {position:relative;
	 float: right;
	 line-height: 25px;/* era 40px*/
	 text-align: left;/*M. aggiunto con valore center*/
/*	 margin-top: 100px;*//* era 0*/
/*	 vertical-align: text-bottom;0*/
	 margin-left: 5px;/* aggiunto ver 7a*/
	 margin-right: 0;/* aggiunto ver 7a*/
     box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
	 margin-bottom: 0;/* aggiunto ver 7a*/
	 /*z-index:1;*/

}

 /* immagine flottante *//* aggiunto ver 7a*/
 #float_img {
	 background-image: url(scontrino3.png)/* aggiunto per risolvere problema liste a scomparsa su menu orizzontale*/
/*	 position:relative; /* aggiunto ver 2*/
/*	 position:absolute;width:50%;*/
	 top: 180px;/* era 140px*/
/*	 left: 5%;/* era 70%*/
	 bottom: 10px;
}

/* common and top level styles */
.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
}
#nav span {
    display: none;
}
#nav, #nav ul {
    /* stile delle liste menu: pallini si, no*/
    list-style: none outside none;
    margin: 0;
    padding: 0;
} 
#nav {
    background-color: #F5F5F5;
    /* spessore bordo menu in basso*/
    border-bottom: 5px solid #333333;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    position: relative;
    width: 100%;
}
#nav ul.subs {
    /* colore sfondo menu a scomparsa*/
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0px;
    padding: 0%;
    position: absolute;
    /* distanza menu a scomparsa da menu*/
    top: 54px;
    /* larghezza menu a scomparsa */
    width: 96%;/* era 100%*/
}
#nav > li {
	 /* bordo trasparente basso del menu*/
    border-bottom: 5px solid transparent;
    float: left;
    /* margine basso del menu, senza non viene visualizzato sfondo menu*/    
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    /* colore font menu*/
    color: #333333;
    display: block;
    /* dimensione font menu*/
    font-size: 1.3em;
    line-height: 49px;
    padding: 0 15px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #0020F5;/* era #F55856 */
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    /* allineamento degli elementi nella larghezza delle liste a scomparsa dei menu  */
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    /* regola larghezza delle liste a scomparsa dei menu:  */
    width: 33%;
}
#nav ul.subs > li a {
	 /* regola il colore base dei font delle liste a scomparsa dei menu:  */
    color: #777777;
    /* regola l'interlinea dei font delle liste a scomparsa dei menu:  */
    line-height: 20px;
}
/* regola il colore di transizione dei font delle liste a scomparsa dei menu:  */
#nav ul li a:hover {
    color: #F55856;/* era #0020F5 */
}
/* regola le liste a scomparsa dei menu:  */
#nav ul.subs > li > a {
	 /* regola il font size dei titoli del menu a scomparsa  */  
    font-size: 1.3em;
    /* regola il margine in basso dalle liste dei sub-menu  */  
    margin-bottom: 10px;
    text-transform: uppercase;
}
/* regola le liste dei sub-menu:  */
#nav ul.subs > li li {
    /* regola il flottaggio delle liste dei sub-menu:  */    
    float: none;
    /* regola lo spostamento a sinistra delle liste dei sub-menu:  */
    padding-left: 8px;
    /* regola la velocita', in millisecondi, di spostamento delle liste dei sub-menu:  */
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}
/* corpo */
#corpo {
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 50px;
    width: 50%;/* era 100% */
    line-height: 250%; /* era 200% */
}
/* piede */
.pos3 {
	 position:relative;
	 float: left;/* era right */
	 line-height: 9px;
	 width: 100%;
     margin-left: auto;
     margin-right: 0px;
     margin-bottom: 0px;
	 z-index:1;
 }


/* responsive rules */
@media all and (max-width : 980px) 
{
    /*inizio sezione originale */
    #nav > li 
	{
        float: none;
        border-bottom: 0px;/* era 0px */
        margin-bottom: 0px;
    }
    #nav ul.subs 
	{
        position: absolute;
        top: 0px;
    }
    #nav li:hover ul.subs 
	{
        display: none;
    }
    /* indica le voci sub-menu attive? */
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs,
    #nav li #s3:target + ul.subs
	{
        display: block;
    }

    #nav ul.subs > li 
	{
        display: block;
        width: auto;
    }
	/* inserito il 13/10/17 */
	#corpo 
	{
		width: 100%;
	}
}