/* CSS Document */
body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../media/damask.jpg) repeat #720613;
/*
background:url(media/linea_sfondo.gif) repeat-x #eee7e7;
*/
background-color:#eee7e7;
}
p {
padding:0px;
line-height:1.1em;
margin-top:2px;
margin-bottom:9px;
}
#wrapper, #container {
margin-left:auto;
margin-right:auto;
margin-top:0;
background-color:transparent;
width:920px;
}

#logo {
margin-top:12px;
width:920px;
height:165px;
background:url(../media/insegnavecchia.jpg) 120px 0px no-repeat;
}
#logo img{
border:0;
text-align:center;
}

/* ---------------- menù di navigazione principale ------------------*/

#main_nav{
padding: 0;
width: 920px;
height:44px;
background: url(../media/bg_menu.jpg) top no-repeat #fff;
float:left;
}

#main_nav ul{
font: bold 11px Arial;
margin-left:60px;
margin-top:17px;
/* margin-left: 15px; margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#main_nav li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#main_nav a{
float: left;
display: block;
color: #450304;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 8px 8px;
text-decoration: none;
letter-spacing: 1px;
background-color: #d8bba8; /*Default menu color*/
border-bottom: 1px solid #660809;
}

#main_nav a:hover{
color:#fff;
background-color: #7e110c; /*Menu hover bgcolor*/
}

#main_nav #current a{ /*currently selected tab*/
background-color:#450304;  /*Brown color theme*/ 
border-color: #450304; /*Brown color theme*/
color:#fff;
}

#main_navline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #450304; /*Brown color theme*/ 
}

/* ------------  fascia alta home ---------------- */
#fascia_alta_contenuti{
float:left;
width:920px;
height:260px;
padding:10px 0;
background:url(../media/fascia_alta.gif) repeat-x #d8bba8;
}

.intro{
float: left;
/*
width:300px; questa è la larghezza dela vecchia intro
*/
width:585px; /* modificata */
margin-left:30px;
display:inline;
}

.foto_home{
float:left;
padding:10px;
background:url(../media/panorama4.jpg) no-repeat center #fff;
height:216px;
margin-left:12px;
margin-top:20px;
width:260px;
}
/* --------------- NUOVO MODULO DI RICERCA VELOCE --------------- */
#ric_veloce{
width:585px;
margin-top:20px;
padding-top:30px;
border-top:2px solid #fff;
}
#ric_veloce p{
font-size:18px;
font-weight:900;
}
#ric_veloce select{
background-color:#d8bba8;
font-size:14px;
}
#cercaveloce{
background-color:#660809;
color:white;
border:2px outset;
font-size:16px;
padding:0px 3px;

}

 #search_by_code form option, #search_by_code select{
font-size:11px;
border:2px inset;
background-color:#efddd1;
}

#cerca, #trova{
background-color:#660809;
color:white;
border:2px outset;
font-size:11px;
padding:0px 3px;
margin-right:5px;
}

#search_by_code{
float:right;
margin-top:60px;
width:300px;
}

#search_code {
display:inline;
float:right;
margin:60px 30px 0 0;
width:115px;
height:130px;
background: url(../media/ricerca-codice.jpg) no-repeat;

}

#search_code p{ text-align:center; margin:0;}

#trova{
display:inline;
width:28px;
height:22px;
margin:5px 0 0 20px;
background: #660809 url(../media/zoom.gif) no-repeat center center;
}

#code{
margin-top:60px;
width:50px;
background-color:#efddd1;
font-size:11px;
font-weight:900;
text-align:center;
}

/* ------------  fascia mediana home ---------------- */
#contenitore_mediano{
float: left;
width:900px;
margin-top:10px;
padding:10px;
background-color:#dfd7d1;
}
.servizi_offerti, .servizi_offerti_dx, .servizi_offerti_middle{
float: left;
width:210px;
margin:0px 20px 0px 0px;
display:inline;
border-top:15px solid #660809;
border-bottom: 2px solid #660809;
}
.servizi_offerti_dx{
margin:0px;
float:right;
}

.servizi_offerti_middle{
padding-bottom:16px;
}

.ultime_novita{
float: left;
width:900px;
margin:10px 0px 5px 0px;
padding:10px;
background:url(../media/freccia_novita.jpg) center left no-repeat #dfd7d1;
}
#siteinfo{
float:left;
width:920px;
font-size:11px;
text-align:center;
margin-top:5px;
padding-top:8px;
border-top:5px solid #660809;
background-color:#dfd7d1;
}
/* ---------------- titolazione e links e gestione paragrafi ------------------*/

h1{
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
margin-bottom:10px;
margin-right:20px;
margin-top:18px;
color:#d8bba8;
font-style:italic;
line-height:1.3em;
text-align:right;
}
.home{
color:#fff;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
margin-right:5px;
text-align:right;
color:#fff;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
margin-top:5px;
text-align:left;
color:#660809;
}
h4{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
margin-bottom:10px;
margin-top:5px;
margin-left:225px;
color:#660809;
}

.intro p{
padding-right:20px;
color:#fff;
}
#search_by_code p{
font-size:11px;
font-weight:900;
text-align:right;
color:#660809;
}
.fast_search p{
margin:0;
padding-top:5px;
padding-right:5px;
color:#fff;
}
.indirizzo_novita{
font-size:11px;
padding:0;
}
.descrizione{
font-size:11px;
margin-top:0;
padding:0;
}
.message{
width:670px;
float:left;
margin-left:225px;
display:inline;
}

h1 a{
color: #660809;
text-decoration:none;
}
h1 a:hover{
text-decoration:underline;
}

a{
color: #660809;
text-decoration:underline;
font-weight:600;
}
a:hover{
text-decoration:none;
}

/* -------------------- colonne con opacità ------------------- */
.extra {display:inline; float:left; text-decoration:none; margin:0;}
.extra em {font-style:normal;}
.extra em.txt, .extra b {display:none;}
.extra .head {display:block; width:210px; height:60px;}
.extra .color1 {background:#d8bba8;}
.extra .color2 {background:#877660;}
.extra .color3 {background:#8aaa7f;}


.extra img {border:0; display:block;}
.extra em.mh2 {padding-left:5px; margin:0; color:#660809; font-weight:600; font-family: Georgia, "Times New Roman", Times, serif; font-size:24px;}
.extra em.mh3 {padding-left:5px; margin:0; color:#660809; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; font-size:16px;}

.extra:hover {background:#fff; position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:60px; left:0; width:210px; background:#ccc; height:60px; opacity:0.7;}
.extra:hover .color1 b {background:#d8bba8;}
.extra:hover .color2 b {background:#877660;}
.extra:hover .color3 b {background:#8aaa7f;}

.extra:hover em.txt {display:block; position:absolute; top:60px; width:190px; left:5px; height:50px; font-weight:600; color:#333; margin:0; line-height:1.5em;}