/*      >>>>>>>>>>>   CSS per HOME e per CONTATTI   <<<<<<<<<<<<<<<   */

html, body {
margin: 0px;
padding: 0px;
}
body{
  font-family: Arial, Verdana, sans-serif;
  color:#555;
  background: url(../file/img/logo_grande.png) no-repeat 95px 50px;
}
h1#intestazioneSito {
position: absolute;
top: 30px;
left: 20px;
font: 35px "Times New Roman", Times, serif;
letter-spacing: 1px;
color: #069;
}
img#logoTC {
 position: absolute;
 top: 10px;
 left: 280px;
}
hr#lineaDeco {
color: #ead17f;
height: 1px;
position: absolute;
top: 75px;
left: 20px;
}
div#divdeco {
position: absolute;
top: 260px;
left: 210px;
width: 540px;
height: 210px;
border: 1px solid #C8B05D;
/* #C8B05D; */
}
div#contenitore {
position:relative;
margin-top: 160px;
padding-bottom: 50px;
border-bottom: 1px solid #ead17f;
}
div#contenutoHome {
width: 600px;
margin-left: 240px;
padding-right: 5px;
font-size: 13px;
line-height: 1.5;
}
/*
div#extra {
position: absolute;
top: 80px;
left: 10px;
width: 170px;
padding-bottom: 50px; 
*/
/*DA CANCELLARE quando si abilita il 'futuro menu'
color: #C8B05D;
font-family:  "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
font-weight: 900;
line-height: 1;
}
div#extra a{
color: #A6903B;
}*/

/*DA CANCELLARE quando si abilita il 'futuro menu'*/
/*  div p#bottomHome {
padding-top: 30px;
} */
div a#bottomHome {
display: block;
position: absolute;
top: 100px;
left: 90px;
color: #C8B05D;
font-family:  "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
font-weight: 900;
line-height: 1;
}
p#data {
font-size: 10px;
font-style: oblique;
padding: 30px 40px 10px 0px;
text-align: right;
}
/*               >>>>>>>>>>>>>     FUTURO MENU  -> HOME      <<<<<<<<<<<<<<<<<
		quando si abilita cancellare le aggiunte in div#extra
div#extra ul {
list-style-type: none; 
margin-left: 40px;
padding: 0px;
font-size: 11px;
letter-spacing: 1px;
line-height: 20px;
}
div#extra li {
margin: 0px;
padding: 0px;
}
div#extra a {
display: block;
color: #666; 
text-decoration: none;
text-indent: 20px;
}
div#extra a:hover {
font-weight: 900;
}
div#extra a.staypage {
color: #F90;
font-weight: 900;
}
div#extra a.staypage:hover {
cursor: default;
}
      >>>>>>>>>>>>>>>>      TOOLTIP   
div#extra a span{display: none;}
div#extra a:hover span{
display: block;
border-top: 1px solid #ead17f;
position: absolute;
left: 20px;
top: 15em;
text-indent: 0px;
}
*/
/*    PAG CONTATTI*/
div#contenutoContatti {
width: 600px;
margin-left: 300px;
padding-right: 5px;
font-size: 12px;
line-height: 1.5;
}
/* se serve il paragrafo CATEGORIA CONTATTI 
div#contenutoContatti p.categoriaContatti{
margin: 10px 0px 0px 0px;
padding: 0px;
color: #C8B05D;
text-decoration: overline;
} */
div#contenutoContatti p{
margin: 0px;
padding: 0px;
color: #999;
font-family:  "Times New Roman", Times, serif;
font-size: 16px;
line-height: 1.5;
font-weight: 900;
font-style: italic;
}
div#contenutoContatti p span{
display: none;
color: #555;
font-family:  arial, Verdana, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
}
div#contenutoContatti p span strong{
color: #C8B05D;
font-family:  "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
line-height: 1;
}
div#contenutoContatti p:hover{
cursor: pointer;
}
div#contenutoContatti p:hover span{
display: block;
position: absolute;
width: 300px;
left: 60px;
}
div#contenutoContatti p span a{
color: #555;
}
/*
div#contenutoContatti p span:hover{
display: block;
position: absolute;
width: 500px;
border: 1px solid #999;
left: 60px;
}*/
/*
div#extraContatti {
position: absolute;
top: 80px;
left: 10px;
width: 170px;
border-right: 1px solid #ead17f;
padding-bottom: 50px;      */
/*DA CANCELLARE quando si abilita il 'futuro menu'*/
/*   font-size: 11px;
padding-right: 20px;
}    */
div.bussolaContatti{
margin-bottom: 20px;
 color: #888;
font-size: 12px;
font-weight: 700;
}
div.bussolaContatti a{
padding: 0px 0px 0px 5px;
color: #888;
}

div#footer img {
margin: 3px;
border: 0px;
}
div#contenutoHome a {
display: block;
width: 220px;
margin-bottom: 40px;
padding: 0px 0px 130px 0px;
 color: #aaa;
text-decoration: none;
font-size: 16px;
font-weight: 700;
}
div#contenutoHome a:hover {
background-position:  -230px 32px;
}
div#contenutoHome div a:hover {
background-position:  -230px 32px;
}
a#homeUpSX {
float: left;
text-align: right;
  background: url(../file/img/tavolozzaX.png) no-repeat 0px 32px;
}
a#homeUpDX {
margin-left:300px;
  background: url(../file/img/attProdX.jpg) no-repeat 0px 32px;
}
a#homeDoSX {
float: left;
text-align: right;
  background: url(../file/img/socialeX.jpg) no-repeat 0px 32px;
}
a#homeDoDX {
margin-left:300px;
background: url(../file/img/siamoX.jpg) no-repeat 0px 32px;
text-align: left;
}