Sociale
Naturale
Highlighted text!!
evidenziare : style=”background-color: #colore”
tag Mark :
Do not forget to buy milk today.
not supported in Internet Explorer 8 and earlier versions
xx { font-weight: bold;font-size: 80%; }
Naturale
*/
/* non funz
.blink { color:red; -webkit-animation: blink 1s step-end infinite;
animation: blink 1s step-end infinite
} */
mark {background-color: yellow; color: black; }
/*
Highlighted text!! */
markOrange {background-color: orange; color: black;}
markGreen {background-color: green; color: black;}
/* CLASSI COLORI */
.ilprimononfunziona {color: red;}
.red {color: red; }
.blue {color: blue;}
.orange {color: orange;}
.yellow {color: yellow;}
.darkorange {color: darkorange;}
.darkblue {color: darkblue;}
.blueviolet {color: blueviolet;}
.green{color: green;}
.greenyellow{color: greenyellow;}
.darkcyan{color: darkcyan;}
.indigo{color: indigo;}
.violet{color: violet;}
.brown{color: brown;}
.fuchsia{color: fuchsia;}
.goldenrod{color: goldenrod;}
.royalblue{color: royalblue;}
.gold{color: gold;}
.redx{color:#931420;}
.bigTitle { font-family: Arial, Hevletica, sans-serif;
font-size: 28px; font-weight: 700;
color: blue; text-decoration: none; }
#boxFade {
width: 95%; height: 17em;
min-width: 14em;
font-size: 0.8em;
background-color:lightyellow;
padding: 0.2em 0.2em 0.2em 1.2em;
/* margin-left:15px; margin-right:15px; */
margin: 0.5em 0.2em 0.2em 0.1em;
border: 1px red solid;
-webkit-border-radius: 07px; -moz-border-radius: 07px;
border-radius: 07px;
}
/* da murach Slaide show */
#slide img { }
#slides img { display: none; }
#imgSlide { float: left;
padding: 0.1em 1em 0.1em 0.1em;
vertical-align: top;
border: 0px solid blue;
}
#imgtop {
position: fixed; top: 0.1em;
margin: 0 0 0 0em; height: 3em;
width:95%; max-width:95%; min-width:30em;
/* padding:0em 0.1em 0em 20em;
border: 2px solid green; */
}
body {
/* width: 98%; max-width: 1600; */
width:90%; max-width: 960;
/* era questo width: 98%; changed from 990 pixels */
font-size:100%; padding: 7em 1em;
/* border: 8px solid orange; */
font-family: Arial,Verdana,"Trebuchet MS", sans-serif;
max-width: 75em; /* 12000px maximum width of page trasforma in emvalore assoluto / 16 */
background-color: whitesmoke;
/** grigio-cenere colore dell sfondo non usato */
}
main {
}
#wrap {
width: 100%; background-color: whitesmoke; /* ????? position: relative; */
/* border: 1px solid green; border: thin solid green; */
margin: -0.9em auto; /* ??? lo acquisisce home ma chi siamo no ???? */
padding:0.2em;
}
#innerwrap {
width: 100%;
background-image: url(images/inner-wrap_bg.png); /** sfumatura gialla */
background-repeat: repeat-x;
background-color:white;
/* border: 1px solid red; */
}
#innerwrap:after{
content: "."; display: block; clear: both;
height: 0; visibility: hidden;
}
.labelVert { width: 80%; text-align: left; float: left; }
.inputVert { width: 50%; min-width: 15em; float: left; font-size:100%; }
span {display: block; float: left; text-align: left; margin: 0.3em 5px 0 0; }
label { width: 40%; display: block; float: left; clear: both; text-align: right; margin: 0.3em 5px 0 0; }
input, select, textarea { width: 57%; float: right; margin: 0.3em 0 0 0; }
input { border: 1px solid #666; }
input[type=radio], input[type=checkbox], input[type=submit], input[type=reset],
input[type=button], input[type=image] { width: auto; }
#spanx { display: block; float: left; text-align: left; margin: 0.3em 5px 0 0.7em; }
#spanx2 { width: 65%; display: block; float: right; border: 1px green solid; height:0.5; background-color: whitesmoke; margin: 0.3em 0 0 0; }
#labelx { width: 30%; border: 0px red solid; display: block; float: left; clear: both;
text-align: left; margin: 0.3em 5px 0 0; }
#inputx, #selectx, #textareax { width:65%; float: right; margin: 0.3em 0 0 0; }
.label10L { width: 10%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label15L { width: 15%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label20L { width: 20%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label25L { width: 25%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label25LN { width: 25%; border: 3px red solid; display: block; float: left; clear: both;text-align: left; margin: 0.0em 0.0em 0em 0em; }
.label30L { width: 30%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.2em 0.5em 0em 1em; }
.label35L { width: 35%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label40L { width: 40%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label45L { width: 45%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label50L { width: 50%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label55L { width: 55%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label60L { width: 60%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label65L { width: 65%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label70L { width: 70%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label75L { width: 75%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label80L { width: 80%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label80L { width: 90%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label85L { width: 85%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
.label90L { width: 90%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label10L { width: 10%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label15L { width: 15%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label20L { width: 20%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label25L { width: 25%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label30L { width: 30%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label35L { width: 35%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label40L { width: 40%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label45L { width: 45%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label50L { width: 50%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label55L { width: 55%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label60L { width: 60%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label65L { width: 65%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label70L { width: 70%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label75L { width: 75%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label80L { width: 80%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label85L { width: 85%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label90L { width: 90%; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
/** fisso */
#label05LF { width: 05em; border: 1px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label10LF { width: 10em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label15LF { width: 15em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label20LF { width: 20em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label25LF { width: 25em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label30LF { width: 30em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label35LF { width: 35em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label40LF { width: 40em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label50LF { width: 50em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label60LF { width: 60em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label70LF { width: 70em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label80LF { width: 80em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label90LF { width: 90em; border: 0px red solid; display: block; float: left; clear: both; text-align: left; margin: 0.3em 0.5em 0em 1em; }
#label57R { width:57%; float: right; text-align: left; margin: -1em 5px 0 4px; }
#label60R { width:60%; float: right; margin: 0.3em 0 0 0; }
#label65R { width:65%; float: right; margin: 0.3em 0 0 0; }
#label65L { width:65%; float: left; margin: 0.3em 0 0 0; }
#input05R, #select05R, #textarea05R { width:05%; float: right; margin: 0.3em 0 0 0; }
#input05L, #select05L, #textarea05L { width:05%; float: left; margin: 0.3em 0 0 0; }
#input10R, #select10R, #textarea10R { width:10%; float: right; margin: 0.3em 0 0 0; }
#input10L, #select10L, #textarea10L { width:10%; float: left; margin: 0.3em 0em 0em 0; }
#input15R, #select15R, #textarea15R { width:15%; float: right; margin: 0.3em 0 0 0; }
#input15L, #select15L, #textarea15L { width:15%; float: left; margin: 0.3em 0 0 0; }
#input20R, #select20R, #textarea20R { width:20%; float: right; margin: 0.3em 0 0 0; }
#input20L, #select20L, #textarea20L { width:20%; float: left; margin: 0.3em 0 0 0; }
#input25R, #select25R, #textarea25R { width:25%; float: right; margin: 0.3em 0 0 0; }
#input25L, #select25L, #textarea25L { width:25%; float: left; margin: 0.3em 0 0 0; }
#input30R, #select30R, #textarea30R { width:30%; float: right; margin: 0.3em 0 0 0; }
#input30L, #select30L, #textarea30L { width:30%; float: left; margin: 0.3em 0 0 0; }
#input35R, #select35R, #textarea35R { width:35%; float: right; margin: 0.3em 0 0 0; }
#input35L, #select35L, #textarea35L { width:35%; float: left; margin: 0.3em 0 0 0; }
#input40R, #select40R, #textarea40R { width:40%; float: right; margin: 0.3em 0 0 0; }
#input40L, #select40L, #textarea40L { width:40%; float: left; margin: 0.3em 0 0 0; }
#input45R, #select45R, #textarea45R { width:45%; float: right; margin: 0.3em 0 0 0; }
#input45L, #select45L, #textarea45L { width:45%; float: left; margin: 0.3em 0 0 0; }
#input50R, #select50R, #textarea50R { width:50%; float: right; margin: 0.3em 0 0 0; }
#input50L, #select50L, #textarea50L { width:50%; float: left; margin: 0.3em 0 0 0; }
#input55R, #select55R, #textarea55R { width:55%; float: right; margin: 0.3em 0 0 0; }
#input55L, #select55L, #textarea55L { width:55%; float: left; margin: 0.3em 0 0 0; }
#input60R, #select60R, #textarea60R { width:60%; float: right; margin: 0.3em 0 0 0; }
#input60L, #select60L, #textarea60L { width:60%; float: left; margin: 0.3em 0 0 0; }
#input65R, #select65R, #textarea65R { width:65%; float: right; margin: 0.3em 0 0 0; }
#input65L, #select65L, #textarea65L { width:65%; float: left; margin: 0.3em 0 0 0; }
#input70R, #select70R, #textarea70R { width:70%; float: right; margin: 0.3em 0 0 0; }
#input70L, #select70L, #textarea70L { width:70%; float: left; margin: 0.3em 0 0 0; }
#input75R, #select75R, #textarea75R { width:75%; float: right; margin: 0.3em 0 0 0; }
#input75L, #select75L, #textarea75L { width:75%; float: left; margin: 0.3em 0 0 0; }
#input80R, #select80R, #textarea80R { width:80%; float: right; margin: 0.3em 0 0 0; }
#input80L, #select80L, #textarea80L { width:80%; float: left; margin: 0.3em 0 0 0; }
#input90R, #select90R, #textarea90R { width:90%; float: right; margin: 0.3em 0 0 0; }
#input90L, #select90L, #textarea90L { width:90%; float: left; margin: 0.3em 0 0 0; }
.input05R, .select05R, .textarea05R { width:05%; float: right; margin: 0.3em 0 0 0; }
.input05L, .select05L, .textarea05L { width:05%; float: left; margin: 0.3em 0 0 0; }
.input10R, .select10R, .textarea10R { width:10%; float: right; margin: 0.3em 0 0 0; }
.input10L, .select10L, .textarea10L { width:10%; float: left; margin: 0.3em 0em 0em 0; }
.input15R, .select15R, .textarea15R { width:15%; float: right; margin: 0.3em 0 0 0; }
.input15L, .select15L, .textarea15L { width:15%; float: left; margin: 0.3em 0 0 0; }
.input20R, .select20R, .textarea20R { width:20%; float: right; margin: 0.3em 0 0 0; }
.input20L, .select20L, .textarea20L { width:20%; float: left; margin: 0.3em 0 0 0; }
.input25R, .select25R, .textarea25R { width:25%; float: right; margin: 0.3em 0 0 0; }
.input25L, .select25L, .textarea25L { width:25%; float: left; margin: 0.3em 0 0 0; }
.input30R, .select30R, .textarea30R { width:30%; float: right; margin: 0.3em 0 0 0; }
.input30L, .select30L, .textarea30L { width:30%; float: left; margin: 0.3em 0 0 0; }
.input35R, .select35R, .textarea35R { width:35%; float: right; margin: 0.3em 0 0 0; }
.input35L, .select35L, .textarea35L { width:35%; float: left; margin: 0.3em 0 0 0; }
.input40R, .select40R, .textarea40R { width:40%; float: right; margin: 0.3em 0 0 0; }
.input40L, .select40L, .textarea40L { width:40%; float: left; margin: 0.3em 0 0 0; }
.input45R, .select45R, .textarea45R { width:45%; float: right; margin: 0.3em 0 0 0; }
.input45L, .select45L, .textarea45L { width:45%; float: left; margin: 0.3em 0 0 0; }
.input50R, .select50R, .textarea50R { width:50%; float: right; margin: 0.3em 0 0 0; }
.input50L, .select50L, .textarea50L { width:50%; float: left; margin: 0.3em 0 0 0; }
.input55R, .select55R, .textarea55R { width:55%; float: right; margin: 0.3em 0 0 0; }
.input55L, .select55L, .textarea55L { width:55%; float: left; margin: 0.3em 0 0 0; }
.input60R, .select60R, .textarea60R { width:60%; float: right; margin: 0.3em 0 0 0; }
.input60L, .select60L, .textarea60L { width:60%; float: left; margin: 0.3em 0 0 0; }
.input65R, .select65R, .textarea65R { width:65%; float: right; margin: 0.3em 0 0 0; }
.input65L, .select65L, .textarea65L { width:65%; float: left; margin: 0.3em 0 0 0; }
.input70R, .select70R, .textarea70R { width:70%; float: right; margin: 0.3em 0 0 0; }
.input70L, .select70L, .textarea70L { width:70%; float: left; margin: 0.3em 0 0 0; }
.input75R, .select75R, .textarea75R { width:75%; float: right; margin: 0.3em 0 0 0; }
.input75L, .select75L, .textarea75L { width:75%; float: left; margin: 0.3em 0 0 0; }
.input80R, .select80R, .textarea80R { width:80%; float: right; margin: 0.3em 0 0 0; }
.input80L, .select80L, .textarea80L { width:80%; float: left; margin: 0.3em 0 0 0; }
.input90R, .select90R, .textarea90R { width:90%; float: right; margin: 0.3em 0 0 0; }
.input90L, .select90L, .textarea90L { width:90%; float: left; margin: 0.3em 0 0 0; }
/* fisso */
.input02RF, .select02RF, .textarea02RF { width:2em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input05RF, .select05RF, .textarea05RF { width:5em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input10RF, .select10RF, .textarea10RF { width:10em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input10RFR, .select10RFR, .textarea10RFR { width:10em; border: 1px blue solid; float: right; text-align: right; margin: 0.3em 5px 0 0; }
.input15RF, .select15RF, .textarea15RF { width:15em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input20RF, .select20RF, .textarea20RF { width:20em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input25RF, .select25RF, .textarea25RF { width:25em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input27RF, .select27RF, .textarea27RF { width:27em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input28RF, .select28RF, .textarea28RF { width:28em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input30RF, .select30RF, .textarea30RF { width:30em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input31RF, .select31RF, .textarea31RF { width:31em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input35RF, .select35RF, .textarea35RF { width:35em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input37RF, .select37RF, .textarea37RF { width:37em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input38RF, .select38RF, .textarea38RF { width:38em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input40RF, .select40RF, .textarea40RF { width:40em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input45RF, .select45RF, .textarea45RF { width:45em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input50RF, .select50RF, .textarea50RF { width:50em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input55RF, .select55RF, .textarea55RF { width:55em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input60RF, .select60RF, .textarea60RF { width:60em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input90RF, .select90RF, .textarea90RF { width:90em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
.input02LF, .select02LF, .textarea02LF { width:2em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input05LF, .select05LF, .textarea05LF { width:5em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input10LF, .select10LF, .textarea10LF { width:10em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input15LF, .select15LF, .textarea15LF { width:15em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input20LF, .select20LF, .textarea20LF { width:20em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input25LF, .select25LF, .textarea25LF { width:25em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input27LF, .select27LF, .textarea27LF { width:27em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input28LF, .select28LF, .textarea28LF { width:28em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input30LF, .select30LF, .textarea30LF { width:30em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input31LF, .select31LF, .textarea31LF { width:31em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input35LF, .select35LF, .textarea35LF { width:35em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input37LF, .select37LF, .textarea37LF { width:37em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input38LF, .select38LF, .textarea38LF { width:38em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input40LF, .select40LF, .textarea40LF { width:40em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input45LF, .select45LF, .textarea45LF { width:45em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input50LF, .select50LF, .textarea50LF { width:50em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input55LF, .select55LF, .textarea55LF { width:55em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input60LF, .select60LF, .textarea60LF { width:60em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.input90LF, .select90LF, .textarea90LF { width:90em; border: 1px blue solid; float: left; text-align: left; margin: 0.3em 5px 0 0; }
.inputx {width: 20em; border: 1px blue solid; float: right; text-align: left; margin: 0.3em 5px 0 0; }
/*#labelx { border: 1px red solid; display: block; float: left; clear: both; */
/* text-align: left; margin: 0.3em 5px 0 0; width: 25%; } */
#textareax { width:65%; display: block; float: right; text-align: left; margin: 0.3em 0 0 0; }
.label35 {width: 35%; border: 0px red solid; display: block; float: left; clear: both;
text-align: left; margin: 0.7em 5px 0 0; }
#dlx { width: 100%; margin: 0em 0; padding: 0; clear: both; overflow: auto; }
#dtx { width: 30%; float: left; margin: 0; padding: 1px 1px 1px 0; border-top: 1px blue; font-weight: lighter; overflow: auto; clear: left; }
#ddx { width: 60%; float: left; margin: 0; padding: 1px 1px 1px 0; border-top: 1px blue;overflow: auto; }
/* -- copiato da common */
p {
font-family: Arial,Verdana, "Trebuchet MS", "Times New Roman",Georgia, Times, serif;
font-size: 0.875em;
/*border: thin red solid;*/
line-height:1.75em;
}
h1 {
font-size: 1.5em;
/*border: thin red solid;*/
line-height:1.5em;
font-weight: normal;
}
h2,h3 {
font-size:1.125em;
/*border: thin red solid;*/
font-weight:lighter;
text-transform:uppercase;
letter-spacing:0.2em;
line-height:1.5em;
}
h3 {
font-size:0.875em;
letter-spacing:0.1em;
}
p, h1, h2, h3, h4 {
margin-bottom: 5px;
}
ul {
font-size: 0.875em;
background-color: #E5DAB3;
list-style-position: inside;
}
ol { font-size: 0.875em;
}
fieldset {
padding: 0.3em 0.5em;
margin: 0.5em;
border: 2px solid orange;
}
legend {
font-weight: bold;
font-size: 80%;
}
/** ******************************************* */
/** a sx a sx a sx a sx */
#asidesx {
float: left; width: 25%; border: 1px solid magenta;
/** background-image: url(images/sidebar_bg.png);
background-repeat: repeat-x; */
background-color: #EAB8C3; /** colore rosa */
}
#asidedx {
float: right; width: 13%; border: 1px solid orangered;
/** background-image: url(images/sidebar_bg.png);
background-repeat: repeat-x; */
background-color: lightsalmon;
}
#asided img {
/* padding-bottom: 0.5em; */
margin-left:0.1em; margin-bottom: 0.2em;
padding-right: 0.1em; /* width:100%; */
max-width:500px; margin-bottom: 0.2em;
}
#asidedx2 {
float: right; width: 100%;
border: 1px solid orangered;
background-color: lightsalmon;
}
/* ################################################### */
#introduction-content {
width: 60%; float: right; border: solid violet 1px;
}
#introduction-content p, #introduction-content h1, #introduction-content h2, #introduction-content h3, #aside p, #aside h2, #aside h3 {
margin-left:10px; margin-right:10px;
}
#introduction-content h2, #aside h2 {
margin-top:10px;
}
/** era in programma -- body */
.specialsale {
width: 94%; font-size:1.0em; margin-top: 5px;
border: 1px #773636 solid; padding:1em; background-color: lightgoldenrodyellow;
-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;
}
.specialsale ul {
list-style-type:circle; background-color: transparent; margin-left:10px;
}
.specialsale footer {
margin: 0.5em; font-size:0.8em;
}
article img {
float: none; width: 50%; heigth:70%;
padding-bottom: 0.2em;
}
section h1, article h1 {
font-size: 1.5em; /* 24 / 16 */
}
/* ##################################################### */
/** box prodotto 1 */
#boxprod1 {
float: left; width: 50%; height: auto;
/* style="background-color: lightyellow; width: 50%; height: auto; */
min-width: 13em;
background-color:#ddf; /** colore box celeste */
padding: 0.3em; margin: 0.5em 0.2em 0.2em 2em;
border: 1px blue solid; line-height: 1.1em; font-size:1.0em;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
/** box prodotti */
#boxprod {
float: left; width: 16%; height: 16em; min-width: 10em;
background-color:#ddf; /** colore box celeste */
padding: 0.3em; margin: 0.5em 0.2em 0.2em 0.2em;
border: 1px blue solid; line-height: 1.1em; font-size:0.9em;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
#boxprod_ok {
width: 3em; font-family: Arial,Verdana; font-size:2em;
text-align: center; line-height:0.2em;
}
#dati_letti {
top: 7.7em; left:2em; padding: 0em;
width: 99%; text-align: left; margin-top:0.4em;
border: magenta;
}
#cartn {
/* background-image: url(images/cart80b.jpg); background-repeat: no-repeat; */
background-color: lightgreen;
font-size: 0.8em; width: 7.5em; height: 2.0em;
line-height:1.1em; text-decoration: none;
border: 1px solid green; padding:0.3em;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
#cart {
/* background-image: url(images/cart80b.jpg); background-repeat: no-repeat; */
position: fixed; top: 9.5em; left:44em;
background-color: lightgreen; font-size: 0.8em;
width: 7.5em; height: 2.0em; line-height:1.1em;
text-decoration: none; border: 1px solid green;
padding:0.3em;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
/** the styles for the table header and footer */
#cartn_header th {
border-bottom: 2px solid black;
}
#cartn_footer td {
text-align: right; border-top: 2px solid black;
}
/* the styles for the classes */
.right {
text-align: right;
}
.left {
text-align: left;.cart_qta {
text-align: right;
width: 3em;
}
}
.cart_qta {
text-align: right;
width: 3em;
}
.uno {
text-align: right;
width: 1em;
}
.menuBOX {
width: 200px; height: 20px; margin-top: 10px; margin-left: 30px;
text-align: left;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
background: #C6F6F6;
color: #4f6b72; }
/* elimino sottolineatura : regola che vale solo per ancora quando è contenuto in classe menùBOX */
.menuBOX>a:link{text-decoration: none;}
.menuBOX>a:visited {text-decoration: none;}
.menuBOX:hover{background-color: yellow;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
/* hide the mobile menu initially */
#mobile_menu { display: none; }
#nav_menu {
position: fixed; top: 4.3em; left:1em;
width:70em; max-width: 70em; /* era width:90%; */
background-color: #60668B; /* colore sotto */
border: 3px solid yellow; height: 2.1em;
}
#nav_menu li {
float: left; /** elenco dei scelte sulla barra nav_menu **/
width: 8em; height: 2.3em; /* dimensione scelta di menù */
background-color: #7D83A4; /** colore fisso dei box scelte esclusa home */
text-align: center;
border-left: 1px black solid; border-right: 1px black solid;
line-height: 2.3em; /** linea si centra */
}
#nav_menu ul li a {
color:#ffffff; /** descrizioni delle scelte Bianco **/
text-decoration: none; /** sottolineatura della parola **/
display:block; /** blocco se sopra si evidenzia **/
}
/** copiato da murach * copiato da murach * copiato da murach */
/** copiato da murach ******** html5_css3_Murach/book_apps/ch13/town_hall/sampson.html# */
#nav_menu ul li a:hover {
background-color:#60668B; /** colore se vado sopra alle scelte e sub */
color:#F8F068; /** colore delle parole scelte e sub */
}
#nav_menu2 {
font-size: 0.97em;
position: fixed; top: 4.3em; left:1em;
width:93%; max-width: 960;
background-color: #60668B; /** colore sotto */
border: 3px solid yellow; height: 2.1em;
}
#nav_menu2 li {
font-size: 0.97em;
float: left; /** elenco dei scelte sulla barra nav_menu **/
width: 12.5em; height: 2.3em; /* dimensione scelta di menù */
background-color: #7D83A4; /** colore fisso dei box scelte esclusa home */
text-align: center;
border-left: 1px black solid; border-right: 1px black solid;
line-height: 2.3em; /** linea si centra */
}
#nav_menu2 ul li a {
color:#ffffff; /** descrizioni delle scelte Bianco **/
text-decoration: none; /** sottolineatura della parola **/
display:block; /** blocco se sopra si evidenzia **/
}
/** copiato da murach * copiato da murach * copiato da murach */
/** copiato da murach ******** html5_css3_Murach/book_apps/ch13/town_hall/sampson.html# */
#nav_menu2 ul li a:hover {
background-color:#60668B; /** colore se vado sopra alle scelte e sub */
color:#F8F068; /** colore delle parole scelte e sub */
}
body#home .nav_home {
background-color:#29336b; /** colore back della Home.. */
color:#F8F068;
/** top:10em; ??? */
}
/** copiato da internet vedi 000_nenuSubMen.html
www.w3schools.com/css/css_nar_menubar.asp */
/** Scelta principale rosso se mi sposto sulle sub scelte*/
.dropdown:hover .dropoversub { background-color: red; }
.dropdown-content {
display: none; /** non farlo vedere fino a che sono sopra */
position: absolute;
background-color: #60668B; /** colore back delle sub scelte */
min-width: 140px; /** dimensioni delle sub scelte */
box-shadow: 0px 8px 16px 0px rgba(2,0,0,0.2); /** ombra */
}
.dropdown-content a {
color: black; /** ?? */
padding: 1px 5px; /** del contenuto h, larg */
text-decoration: none;
display: block;
text-align: left;
}
/** serve per display del blocco di sub menu */
.dropdown:hover .dropdown-content {
display: block;
/** background-color: blue; colre del blocco sub */
}
#buttonPagPrec {
top:6em; left:40em;
position: fixed;
}
#buttonRicerca {
top:7em; left:25em;
position: fixed;
}
.buttonMenù {
background-color: orange; border: thin black solid;
width: 6em; color: white;
padding: 5px 5px; text-align: center;
text-decoration: none; display: inline-block;
font-size: 12px; margin: 2px 2px; cursor: pointer;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
.button {
background-color: orange; border: thin black solid;
color: white; padding: 4px 4px; text-align: center;
text-decoration: none; display: inline-block;
font-size: 14px; margin: 2px 2px; cursor: pointer;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
.buttonVerde {
background-color: green; border: thin black solid; color: white;
padding: 5px 5px; text-align: center; text-decoration: none;
display: inline-block; font-size: 16px; margin: 4px 2px;
cursor: pointer;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
/** Bottone avanti/indietro */
.buttonad {
background-color: orangered; border: thin black solid; color: white;
padding: 5px 5px; text-align: center; text-decoration: none;
display: inline-block; font-size: 12px; height: 0.8em; margin: 4px 2px;
cursor: pointer;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
.buttonCmd {
width: 4em; float: right;
background-color: blue; border: thin black solid; color: white;
padding: 5px 5px; text-align: center; text-decoration: none;
display: inline-block; font-size: 12px;
margin: 4px 2px; cursor: pointer;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
.buttonCmdGreen {
width: 4em; float: right;
background-color: green; border: thin black solid; color: white;
padding: 5px 5px; text-align: center; text-decoration: none;
display: inline-block; font-size: 12px;
margin: 4px 2px; cursor: pointer;
-webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px;
}
.boxTasti {
margin-right:1em; background-color: lightgoldenrodyellow;
line-height: 1.5em;
text-align: right;
font-size: 1.1em;
/* text-decoration: none; */
}
#footer {
clear: both; background-repeat: no-repeat;
/* background-image: url(images/footer_background.jpg); */
width: 80%; height: 3em; padding-top: 3px;
border: 1px solid red; font-size: 0.8em;
}
#footer p {
margin: 0.1em 0.2em 0.2em 0.8em;
/* padding: 0em 5em 0em 0.8em; */
width:30em;
font-family: Arial, Verdana,"Trebuchet MS",Verdana, Geneva, sans-serif;
font-size: 0.8em;
/* border: 3px solid orange; */
}
.posttime {
color: gray;
}
/* Da phpmurach guitarshop cap20 - allinea foto e descrizioni */
.product_image_cell {
padding-top: 1em;
width: 8em;
text-align: center;
}
.product_info_cell {
margin: 0 0 1em;
}
.product_info_cell p {
margin: 0 0 .25em;
}
/* TEST non usato più dettagliato metti prima ??? */
.dlclass { width: 100%; margin: 2em 0; padding: 0; clear: both; overflow: auto; }
.dtclass { width: 60%; float: left; margin: 0; padding: 5px; border-top: 1px solid #DDDDB7; font-weight: bold; overflow: auto; clear: left; }
.ddclass { width: 20%; float: left; margin: 0; padding: 5px; border-top: 1px solid #DDDDB7; overflow: auto; }
dl { width: 100%; margin: 2em 0; padding: 0; clear: both; overflow: auto; }
dt { width: 30%; float: left; margin: 0; padding: 5px 9.9% 5px 0; border-top: 1px solid #DDDDB7; font-weight: bold; overflow: auto; clear: left; }
dd { width: 60%; float: left; margin: 0; padding: 6px 0 5px 0; border-top: 1px solid #DDDDB7; overflow: auto; }
th, td { padding: .2em .5em .2em .5em;
font-size: 0.9em;
vertical-align: top;
text-align: left;}
th { text-align: left; background-color: #bbb; font-size: 0.9em; }
tr.alt td { background: #ddd; font-size: 0.9em;}
.error { background: #d33; color: white; padding: 0.2em; }
/* ************************************************
// copiato da Joshi cap 8 rec 6
//************************************************ */
.autosuggest
{ width:200px; top:5px; position:relative;
}
input { width:200px;} /* ? ?? */
#suggestions
{ position:absolute; list-style:none;
margin:0; padding:0;
width:200px; display:none;
background-color:#ECECF6; top:20px;
left:500px;
}
#suggestions li
{ cursor:pointer; padding:5px;
border-right:1px solid #000; border-bottom:1px solid #000;
border-left:1px solid #000;
}
.active { background-color:red; color:#fff; }
/* esiste calsse error */
#error
{ top:25px; position:absolute; top:260px; font-weight:bold;
color:#ff0000;
}
#loader
{ position:absolute; top:2px; right:0; display:none;
}
/* ------------------------------------ */
/* CLI copiato da Joshi cap 8 rec 6 */
/* ------------------------------------ */
/* CONTENITORE DIV GRANDE */
#autoCli{ /* width:55em; */
width:70%; min-width:35em; height:2em; text-align: left;
float:left; margin: 0.1em 0.1em 0.3em 0.1em ;
padding: 0.4em 1.0em 0.3em 0.4em; border: 1px blue solid;
background-color: lightgoldenrodyellow;
}
.autosuggestCLI
{ width: 30em; top:5px; position:relative;
}
.inputCLI { width: 60%; border: 1px blue solid; float: left;
text-align: left; margin: 0.1em 5px 0 0; }
#suggestionsCLI
{ position:absolute; top: -3em; left:35em;
list-style:none; margin:0;
padding:0; width:25em; display:none;
background-color: yellow;
}
#suggestionsCLI li
{ cursor:pointer; padding:5px; border-right:1px solid #000;
border-bottom:1px solid #000; border-left:1px solid #000;
}
.activeCLI
{ background-color:red; color:#fff;
}
#errorCLI
{ top:2em; position:relative;
font-weight:bold; color:red; top: 0.1em; margin-left: 30em;
}
#loaderCLI
{ position:absolute; top:2px; right:0; display:none;
}
/* P R O D O T T I copiato da Joshi cap 8 rec 6 */
/* CONTENITORE DIV GRANDE */
#autoProd {
width:96%; height:3em; text-align: left;
float:left; margin: 0.1em 0.1em 0.3em 0.1em ;
padding: 0.1em 1em 0.5em 0.1em; border: 1px blue solid;
background-color: lightgoldenrodyellow;
}
.autosuggestPRD
{ width: 98%; top:5px; position:relative; /* pos. di lab e input */
}
.inputPRD {width:65%; border: 1px blue solid; float: left;
text-align: left; margin: 0.3em 5px 0 5px; }
#suggestionsPRD
{ position:absolute; top: 1.0em; left:30em;
list-style:none; margin:0;
padding:0; width:25em; display:none;
background-color: yellow;
}
#suggestionsPRD li
{ cursor:pointer; padding:5px; border-right:1px solid #000;
border-bottom:1px solid #000; border-left:1px solid #000;
}
.activePRD
{ background-color:red; color:#fff;
}
#errorPRD
{ top:2em; position:relative;
font-weight:bold; color:red; top: 0.1em; margin-left: 20em;
}
#errorPRDxxxxxxxx
{ top:2em; position:absolute;
font-weight:bold; color:blue;
}
#loaderPRD
{ position:absolute; top:2px; right:0; display:none;
}
/* ****************** */
/* media queries */
/* ############################################ */
/* standard 960 */
/* ############################################ */
@media only screen and (max-width: 959px) {
#nav_menu ul li a {
font-size: .875em; /* 14 / 16 */
}
section h1, article h1 {
font-size: 1.5em; /* 24 / 16 */
}
section h2, aside h2 {
font-size: 1.125em; /* 18 / 16 */
}
}
/* ******************************************** */
/* TABLET TABLET landscape to tablet portrait */
/* ******************************************** */
/* @media only screen and (max-width: 767px) { */
@media only screen and (max-width: 30px) {
#asidesx { display: none; }
#asidedx { display: none; }
#nav_menu { display: none; }
#introduction-content {
width: 99%;
float: right;
border: solid violet 1px;
}
#mobile_menu { display: block;
float:left; /* si sposta a dx o sx */
width:10em;
z-index:3;
}
.slicknav_menu {
background-color: yellow !important;
float: left;
width:10em;
position:fixed;
z-index:3;
}
body {
font-family: Arial,Verdana,"Trebuchet MS", sans-serif;
width: 99%;
/* max-width: 30em; /* 990 pixels 1200px max width em valore assoluto / 16 */
padding: 7em 0.1em;
font-size:100%;
background-color: #FFFFC2; /* giallino */
/* background-color: whitesmoke; */
/* border: 1px solid orange; */
}
#wrap {
padding-top: 5em;
width: 100%;
background-color: #FFFFC2; /* giallino */
/* border: 5px solid green; */
}
#innerwrap {
background-image: url(images/inner-wrap_bg.png); /** sfumatura gialla */
/* width: 60%; ??? */
background-repeat: repeat-x;
/* background-color:yellow; */
/* border: 8px solid red; */
}
#innerwrap:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
header, footer p {
text-align: center;
}
footer p { margin-right: 0; }
header h2 {
font-size: 1.625em; /* 26 / 16 */
margin: .4em 0 .25em 0;
}
header h3 {
font-size: 1em; /* base font size */
margin-left: 0;
}
header img {
float: none;
}
section, article {
width: 95.9596%; /* 100 - (2 * 2.0202) for padding */
float: none;
margin-right: 2.0202%; /* 20 / 990 */
padding-right: 0;
}
#boxFade {
width: 94%; height: 22em;
min-width: 14em;
font-size:0.8em;
background-color:lightyellow;
padding: 0.2em 0.1em 0.2em 1.2em;
margin: 0.2em 0.1em 0.1em 0.1em;
border: 1px green solid;
-webkit-border-radius: 07px; -moz-border-radius: 07px;
border-radius: 07px;
z-index:1;
}
#boxprod {
float: left; width: 40%; height: 15em;
min-width: 11em;
font-size:0.8em;
background-color:#ddf; /** colore box celeste */
padding: 0.2em 0.2em 0.2em 0.2em;
margin: 0.2em 0.2em 0.2em 0.2em;
border: 1px blue solid;
-webkit-border-radius: 07px; -moz-border-radius: 07px;
border-radius: 07px;
}
/** box prodotto 1 */
#boxprod1 {
float: left; width: 70%; height: 40em;
min-width: 18em;
background-color:#ddf; /** colore box celeste */
padding: 0.3em;
margin: 0.5em 0.2em 0.2em 2em;
border: 1px blue solid;
line-height: 0.9em;
font-size:0.8em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;
}
#buttonPagPrec {
top:7em; left:23em;
position: fixed;
}
#buttonRicerca {
top:7em; left:18em;
position: fixed;
}
#cart {
top:7em; left:10em;
position: fixed;
}
}
/* ###################################################### */
/* MOBILE MOBILE MOBILE MOBILE MOBILE SMART SMART SMART */
/* @media only screen and (max-width: 479px) {*/
@media only screen and (max-width: 30px) {
#asidesx { display: none; }
#asidedx { display: none; }
#nav_menu { display: none; }
#mobile_menu { display: block;
float:left; /* si sposta a dx o sx ?? con right finisce fuori */
width:10em;
/* opacity:1; */
z-index:3;
}
.slicknav_menu {
background-color: orange !important;
float: left; /* non ha effetto ??? */
width:10em; /* contenitore grande */
position:fixed;
/* opacity:1; */
z-index:3;
}
#imgtop {
position: fixed;
top: 2px;
margin: 0 0 0 0em;
width:95%; max-width:95%;
min-width:20em;
}
body {
font-family: Arial,Verdana,"Trebuchet MS", sans-serif;
width: 100%;
/* max-width: 30em; 990 pixels 1200px max width em valore assoluto / 16 */
padding: 7em 0.1em;
font-size:100%;
background-color: #F0FFFF; /* azzurrino */
/* background-color: whitesmoke; */
/* border: 1px solid orange; */
}
#wrap {
width: 98%;
float: left;
padding-top: 5em;
font-size:1.2em;
background-color: #F0FFFF; /* azzurrino */
/* border: 2px solid blue; */
}
#innerwrap {
float: left; /* x */
background-image: url(images/inner-wrap_bg.png); /** sfumatura gialla */
background-repeat: repeat-x;
/* background-color:yellow; */
/* border: 1px solid red; */
}
#innerwrap:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
float: left; /* x */
}
article img {
float: none;
width: 50%;
height: 50%;
padding-bottom: 0.2em;
}
section img { width:100%;
max-width:18em; /* 300 px circa */
margin-bottom:0.1em;
float: left; /* x */
}
#dati_letti {
width: 100%;
text-align: left;
margin-top:2em; /* 8em */
font-size: 0.6em;
}
header h2 {
font-size: 1.375em; /* 22 / 16 */
}
header h3 {
font-size: .8125em; /* 13 / 16 */
}
p {
font-size: .875em; /* 14 / 16 */
}
/* ################################################ */
#introduction-content {
width: 99%;
float: left;
border: solid violet 1px;
}
section h1, article h1, section h2, aside h2 {
font-size: 1em; /* base font size */
}
section li, aside li {
font-size: .875em; /* 14 / 16 */
}
.specialsale {
float: left; width: 98%;
min-width: 10em;
padding:0.1em;
background-color: lightgoldenrodyellow; /** #D67E5C arancione */
border: 2px #773636 solid;
-webkit-border-radius: 05px;
-moz-border-radius: 05px;
border-radius: 05px;
}
.specialsale ul {
list-style-type:circle;
background-color: transparent;
margin-left:5px;
}
.specialsale footer {
margin: 0.2em;
font-size:0.8em;
}
section h1, article h1 {
font-size: 1.1em; /* 24 / 16 */
}
#boxFade {
width: 94%; height: 26em;
min-width: 14em;
font-size:0.8em;
background-color:lightyellow;
padding: 0.2em 0.1em 0.2em 1.2em;
margin: 0.2em 0.1em 0.1em 0.1em;
border: 1px green solid;
-webkit-border-radius: 07px; -moz-border-radius: 07px;
border-radius: 07px;
z-index:1;
}
/* ################################################ */
#boxprod {
float: left; width: 82%; height: 14em;
min-width: 14em;
font-size:0.8em;
background-color:#ddf; /** colore box celeste */
padding: 0.2em 0.2em 0.2em 0.2em;
margin: 0.2em 0.2em 0.2em 0.2em;
border: 1px blue solid;
-webkit-border-radius: 07px; -moz-border-radius: 07px;
border-radius: 07px;
}
/** box prodotto 1 - descrizioni estese */
#boxprod1 {
float: left; width: 55%; height: 42em;
min-width: 16em;
background-color:#ddf; /** colore box celeste */
padding: 0.3em;
margin: 0.5em 0.2em 0.2em 0.2em;
border: 1px blue solid;
line-height: 1.2em;
font-size:0.9em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;
}
footer p {
font-size: .6875em; /* 11 / 16 */
}
#buttonPagPrec {
top:5em; left:14em; /* era 7 */
position: relative;
}
#buttonRicerca {
top:6em; left:8em;
position: fixed;
}
#cart {
top:6em; left:12em;
position: fixed;
}
}