/*stili per il layout fluido con posizionamenti assoluti*/
html,body{ 
margin-top: 0px;
margin: 0 auto;
text-align: center; 
font-family: "Trebuchet MS", Arial, Sans-serif; 
color: #000; 
}

body{
font-family: "Trebuchet MS", Arial, Sans-serif; 
color: #000; 
}

a:link, a:visited, a:hover, a:active { color: #000; text-decoration: underline; }

a:hover { color: #3a83bc; text-decoration: none; }


div#container{
position: relative; 
margin: 0 auto; 
width: 980px; 
text-align: left; 
}

/*stili generici, su header e footer*/
div#header{
color: #ff0;
height:153px;
background: url(sfondo-header.gif);
}

#logo { 
position: absolute; 
left: 35px; 
top: 11px; 
}

#bricolino { 
position: absolute; 
right: 25px; 
top: 35px; 
}

#menu-top {
position: absolute; 
font-weight: normal;
font-style: normal;
font-size: 0.60em;
right: 35px;
top: 2px; 
text-align: right; 
color: #000; 
}

#menu-top a:link, #menu-top a:visited, #menu-top a:hover, #menu-top a:active { 
color: #000;
font-weight: normal;
padding: 0px 4px 0px 4px;
text-decoration: none;
}
 
#menu-top a:hover { 
color: #3a83bc; 
text-decoration: underline; 
}

#menu-top .sel { 
color: #3a83bc; 
padding: 0px 4px 0px 4px;
text-decoration: underline; 
}




#voci { 
position: absolute; 
font-family: "Trebuchet MS"; 
font-weight: normal; 
font-style: normal;
color: #000; 
font-size: 0.90em;
left: 0px;
top: 125px;
text-align: center;
width: 778px; 
height: 43px;
}
 
#voci a:link, #voci a:visited, #voci a:hover, #voci a:active { 
color: #000; 
font-size: 0.90em;
padding: 0px 10px 5px 10px;
font-weight: normal;
text-decoration: none;
}
 
#voci a:hover { 
color: #000;
font-size: 0.90em;
padding: 0px 10px 5px 10px;
border-bottom: 5px solid #243b8e;
text-decoration: none;
}

#voci .sel { 
color: #000;
font-size: 0.90em;
padding: 0px 10px 5px 10px;
border-bottom: 5px solid #243b8e;
text-decoration: none;
}




#menu-news { 
position: absolute; 
font-family: "Trebuchet MS"; 
font-weight: normal; 
font-style: normal;
color: #000; 
font-size: 1.00em;
right: 0px;
top: 125px;
text-align: center;
width: 202px; 
}
 
#menu-news a:link, #menu-news a:visited, #menu-news a:hover, #menu-news a:active { 
color: #000; 
font-size: 0.90em;
padding: 0px 10px 5px 10px;
font-weight: normal;
text-decoration: none;
}
 
#menu-news a:hover { 
color: #172983;
font-size: 0.90em;
padding: 0px 10px 5px 10px;
border-bottom: 5px solid #172983;
text-decoration: none;
}

#menu-news .sel { 
color: #000;
font-size: 0.90em;
padding: 0px 10px 5px 10px;
border-bottom: 5px solid #243b8e;
text-decoration: none;
}


#novita-reparti { 
position: absolute; 
left: 670px;
top: 28px;
}

/*stili specifici per il layout*/


div#navigazione{
position: absolute; 
right: 0px;
top: 155px;
width: 202px;
}

div#box-categorie{
width: 202px;
height: 393px;
background: url(sfondo-categorie.gif);
background-repeat: no-repeat;
}

div#categorie{
font-family: "Trebuchet MS";
font-weight: normal; 
font-style: normal;
color: #000; 
font-size: 0.75em;
line-height: 1.70em;
padding-left: 45px;
}

#categorie a:link, #categorie a:visited, #categorie a:hover, #categorie a:active { 
color: #000; 
padding: 5px 0px 5px 0px;
font-weight: normal;
text-decoration: none;
}
 
#categorie a:hover { 
color: #000;
text-decoration: underline;
}

#categorie .sel { 
color: #000;
text-decoration: underline;
}




/* TROVA */

#trova { 
background-image: url(sfondo-trova.gif); 
background-repeat: no-repeat;
width: 202px;
height: 196px;
}

#titolo { 
left: 0px;
top-margin: 15px;
}

#txt { 
font-family: arial; 
font-weight: normal; 
font-style: normal;
color: #828180; 
font-size: 0.70em;
text-align: center;
}


/**titolo news**/
.titolo-news { 
text-align: left; 
color: #3a83bc;
font-size: 1.50em;
font-family: Georgia;
font-weight: normal;
} 

/**ultime-news**/

#ultime-news { 
width: 202px;
height: 370px;
background-image: url(sfondo-news.gif); 
background-repeat: no-repeat;
text-align: center;
}

#testo-news { 
color: #414042; 
font-size: 0.70em;
line-height: 1.30em;
text-align: center;
padding: 0px 25px 0px 25px;
}

#testopiccolo-news { 
color: #414042; 
font-size: 0.60em;
line-height: 1.20em;
text-align: center;
padding: 0px 25px 0px 25px;
}

#titolo-ultime-news { 
color: #414042; 
font-size: 1.00em;
line-height: 1.20em;
text-align: center;
font-weight: bold; 
padding: 5px 25px 0px 25px;
}


.link-news:link, .link-news:visited, .link-news:hover, .link-news:active { 
color: #ff9933; 
font-size: 0.90em;
font-weight: bold;
text-decoration: none;
}
 
.link-news:hover { 
color: #000;
text-decoration: none;
}



div#content{
margin-right: 203px;
background-color: #fff;
padding-top: 2px;
}

#testo { 
width: 778px;
text-align: left; 
font-size: 0.75em; 
font-weight: normal; 
z-index: 100;
}

/**titolo**/
h1 { 
text-align: center; 
color: #fff;
margin: 3px;
font-family: Georgia;
font-weight: normal;
font-size: 1.50em;
} 

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #fff; 
text-decoration: underline; }

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

/**txt reparti su sf blu**/
h5 { 
text-align: center; 
color: #fff;
margin: 3px;
font-family: Georgia;
font-weight: normal;
font-size: 1.00em;
} 

/**elenco reparti**/
h6 { 
text-align: left; 
color: #4a4a4a;
margin-top: 8px;
margin-bottom: 8px;
padding-left: 35px;
padding-right: 35px;
font-family: "Trebuchet MS", Arial, Sans-serif; 
font-weight: normal;
font-size: 1.30em;
letter-spacing: 0.05em;
}
.testo-bianco { 
color: #fff;
} 

#imgs { 
left: 0px; 
width: 778px;
top: 154px;
}

#fascia-imgs { 
left: 0px; 
width: 778px;
top: 154px;
}

/**VOLANTINO**/

#box-volantino-card { 
width: 780px;
height: 237px;
padding-top: 1px;
}

#spazio-volantino { 
float: left;
left: 0px; 
width: 386px;
height: 237px;
color: #fff; 
}

#txt-volantino { 
float: left;
text-align: right;
width: 185px;
}

#img-volantino {
float: left;
padding-top: 2px;
text-align: left;
}

#link-volantino { 
position: absolute;
font-family: "Trebuchet MS"; 
font-weight: bold; 
font-style: normal;
color: #000; 
font-size: 0.75em;
left: 40px;
margin-top: 210px;
}


#spazio-card { 
float: left;
width: 392px;
height: 237px;
background: url(sfondo-card.gif);
background-repeat: no-repeat;
}

#img-card { 
float: left;
}

#link-card {
position: absolute;
font-family: "Trebuchet MS"; 
font-weight: bold; 
font-style: normal;
color: #000; 
font-size: 0.75em;
margin-top: 210px;
left: 430px;
width: 300px;
}

/**VOLANTINO-home**/

#box-volantino-card-home { 
width: 780px;
height: 320px;
padding-top: 1px;
}

#spazio-volantino-home { 
float: left;
left: 0px; 
width: 386px;
height: 316px;
color: #fff; 
}

#txt-volantino-home { 
float: left;
text-align: right;
width: 185px;
}

#img-volantino-home {
float: left;
padding-top: 2px;
text-align: left;
}

#link-volantino-home { 
position: absolute;
font-family: "Trebuchet MS"; 
font-weight: bold; 
font-style: normal;
color: #000; 
font-size: 0.75em;
left: 40px;
margin-top: 210px;
}

#spazio-card-home { 
float: left;
width: 392px;
height: 316px;
/* background: url(sfondo-card.gif);
background-repeat: no-repeat;*/
}

#spazio-card-home .titolo { 
font-weight: normal; 
font-style: normal;
color: #ff0033; 
font-size: 1.10em;
padding-left: 48px;
}

#img-card-home { 
float: left;
}

#link-card-home {
position: absolute;
font-family: "Trebuchet MS"; 
font-weight: bold; 
font-style: normal;
color: #000; 
font-size: 0.75em;
margin-top: 210px;
left: 430px;
width: 300px;
}

#box-lunario { 
width: 776px;
height: 237px;
padding-top: 1px;
background: url(images/sfondo-lunario.gif);
background-repeat: no-repeat;
}

#spazio-lunario-img { 
float: left;
left: 0px; 
width: 292px;
height: 237px;
color: #fff; 
}

#spazio-lunario { 
float: left;
width: 483px;
height: 237px;
}

/*offerte*/

#box-off-interne{ 
width: 780px;
padding-top: 1px;
}

#titolo-interne-top { 
text-align: center; 
color: #fff;
margin: 3px;
font-family: Georgia;
font-weight: normal;
font-size: 1.20em;
}

#titolo-interne { 
font-weight: bold; 
font-style: normal;
color: #000000; 
font-size: 0.90em;
margin-left: 20px;
}

#caratteristiche-interne { 
font-weight: normal; 
font-style: normal;
color: #000000; 
font-size: 0.70em;
margin-left: 20px;
padding-right: 20px;
}

#box-off-interne .caratteristiche-pillole { 
color: #000; 
font-size: 0.70em;
text-align: left;
padding-left: 4px;
}


#box-offerte { 
width: 778px;
padding-top: 1px;
}


/**offerta 1**/

#box-offerte .titolo { 
font-weight: normal; 
font-style: normal;
color: #3a83bc; 
font-size: 1.10em;
text-align: center;
margin-top: 20px;
}

#box-offerte .caratteristiche { 
color: #000; 
font-size: 0.70em;
text-align: left;
padding-left: 30px;
padding-right: 30px;
}

.testo-piccolo { 
color: #000; 
font-size: 80%;
}



div#footer{
clear: right;
background: url(sfondo-indirizzo.gif);
background-repeat: no-repeat;
height: 95px;
width: 980px;
}

h3 { 
float: left;
margin: 0px;
font-size: 0.60em;
line-height: 1.30em;
color: #000000;
font-weight: normal; 
text-align: left;
width: 268px;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #e2001a; 
text-decoration: underline; }

h3 a:hover { color: #e2001a; text-decoration: underline; }

h4 { 
float: left;
font-size: 0.60em;
line-height: 1.30em;
margin: 0px;
color: #000000;
font-weight: normal; 
text-align: left;
width: 320px;
}

#loghi-gruppo { 
float: left;
margin: 0px;
width: 350px;
}

#testo-offerte { 
color: #414042; 
font-size: 0.70em;
line-height: 1.30em;
}

#testo-verifica { 
font-size: 0.80em;
}