/* HTML */
HTML, BODY {
 margin: auto;
 border: 0px;
 padding: 0px;
 font-family: Trebuchet MS, helvetica, sans-serif;
 font-size: 12px;
 color: #707070;
 background-image: url('img_gielle/sf_page.jpg');
 background-position: top;
 background-repeat: repeat-x;
 background-color: #90bdff;
}

TABLE {
 margin: 0px;
 padding: 0px;
}

IMG {
 margin: 0px;
 border: 0px;
 padding: 0px;
}

H1 {
 font-size: 13px;
 font-weight: bold;
 letter-spacing: 2px;
 margin-top: 0px;
 margin-bottom: 6px;
 padding: 0px;
}

.img_right {
 margin-left: 20px;
 float: right;
}
.img_left {
 float: left;
 margin-top: 6px;
 margin-left: 6px;
 margin-right: 14px;
}

.float_right {
 float: right;
}

.privacy {
 color: #6E6E6E;
 font-size: 11px;
}
.mappa {
 font-size: 11px;
 width: 520px;
}
.contattaci {
 font-size: 11px;
 width: 520px;
}

.ico_flag {
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 1px;
 border: 1px solid #E5F1FF;
}
.ico_flag:hover {
 border: 1px solid #ffcc00;
}

.mappa_home {
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 width: 100px;
 padding: 4px;
 border: 1px solid #efefef;
 background-color: #FFF9C8;
}
.bordo_mappa {
 text-align: center;
 width: 100px;
 height: 40px
 padding: 4px;
 border-left: 1px dashed #818181;
 border-bottom: 1px dashed #818181;
 margin-left: 50px;
 letter-spacing: 2px;
 margin-top: 0px;
 margin-right: 2px;
}
.mappa_pagine {
 text-align: center;
 width: 100px;
 padding: 4px;
 border: 1px solid #efefef;
 background-color: #FFF9C8;
}
.mappa_pagine:hover {
 text-align: center;
 width: 100px;
 padding: 4px;
 border: 1px solid #ffcc00;
 background-color: #FFE596;
}
.padd {
 padding-left: 8px;
}

.link_partners {
 width: 96%;
 height: 70px;
 margin: auto;
 padding: 9px;
 border: 1px solid #efefef;
}

.link_partners:hover {
 margin: auto;
 padding: 9px;
 border: 1px solid #ffcc00;
 background-color: #ffffff;
}

.descr_link {
 margin-top: 2px;
 margin-left: 10px;
 margin-right: 4px;
}

#marqueecontainer{
}

#marqueecontainer{
position: relative;
/* width: 184px; */

width: 160px; /*marquee width */
height: 176px; /*marquee height */
overflow: hidden;
}






/* WEBSITE */
.master {
 margin: auto;
 width: 940px;
}

.b_page {
 width: 972px;
 border-left: 1px solid #cacaca;
 border-right: 1px solid #cacaca;
 background-color: #ffffff;
}
.sfc1 {
 width: 972px;
 height: 13px;
 background-image: url('img_gielle/sfc1.png');
 background-repeat: repeat-x;
 background-color: #fff;
}
.sfc3 {
 width: 972px;
 height: 13px;
 background-image: url('img_gielle/sfc3.png');
 background-repeat: repeat-x;
}



.footer {
 width: 972px;
 margin: auto;
 color: #fff;
 background-color: #ffffff;
 text-align: center;
 background-image: url('img_gielle/sf_footer.jpg');
 background-repeat: no-repeat;
 background-position: top center;
}




/* SCROLLER EVENTI */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 193px; /*Width of Carousel Viewer itself*/
height: 121px; /*Height should enough to fit largest content's height*/
 background-image:url(img_gielle/sf_eventi.png);
 background-repeat: no-repeat;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.titolo_eventi {
 padding-left: 10px;
}



.hr_g {
 height: 1px;
 color: #CFCFCF;
 background-color: #CFCFCF;
 border: 0px;
}





/* LINK */
a {
 color: #0067c6;
 text-decoration: none;
}

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


.link_footer {
 color: #fff;
 text-decoration: none;
}

.link_footer:hover {
 color: #ffcc00;
 text-decoration: none;
}




.spazio {
 height: 8px;
}


.menu_header {
 width: 494px;
 float: right;
 margin-right: 10px;
}
.top_header {
 width: 100%;
 padding-top: 2px;
 color: #fff;
 background-image: url('img_gielle/sfb1.jpg');
 background-repeat: repeat-x;
}
.link_top_header {
 color: #fff;
 letter-spacing: 1px;
}
.link_top_header:hover {
 color: #0044a8;
}

.news_header {
 font-size: 12px;
 width: 100%;
 padding-top: 2px;
 color: #639fdc;
 background-image: url('img_gielle/sfc1.jpg');
 background-repeat: repeat-x;
}



.page {
 margin-top: 20px;
 width: 100%;
 padding-left: 12px;
 padding-right: 12px;
}
.left {
 width: 210px;
}
.right {
 width: 210px;
}

/*
.offerte {
 width: 187px;
 height: 112px;
 padding-top: 2px;
 color: #639fdc;
 background-image: url('img_gielle/sf_offerte.jpg');
 background-repeat: repeat-x;
}
*/

.offerte {
 width: 210px;
 background-color: #DDFFC2;
 font-size: 14px;
 color: #002965;
 text-align: center;
}



.titolo_offerte {
 margin-top: 4px;
 margin-left: 14px;
 font-size: 14px;
 color: #3d7d11;
 letter-spacing: 1px;
}

.img_offerte {
 border: 1px solid #53b510;
 margin: 8px;
}
.img_offerte:hover {
 border: 1px solid #ffa800;
}


.contenuto {
 width: 100%;
}
.c_page {
 padding-left: 10px;
 padding-right: 10px;
 color: #36609c;
 font-size: 13px;
 width: 100%;
 border-left: 1px solid #cacaca;
 border-right: 1px solid #cacaca;
 background-color: #ffffff;
 text-align: justify;
 line-height: 20px;
}



.prodotti {
 width: 187px;
 background-color: #e4ffd2;
 font-size: 14px;
 color: #3d7d11;
}
.titolo_prodotti {
 margin-top: 4px;
 padding-left: 14px;
 letter-spacing: 1px;
 background-color: #ffffff;
}
.categoria {
 padding-left: 12px;
 margin-top: 6px;
 background-color: #bcee9a
}
.sottocategoria {
 margin-bottom: 6px;
 padding-left: 18px;
 background-color: #d6ed9c
}




.vetrina_offerta {
 border-bottom: 1px dashed #acd68a;
 padding-bottom: 4px;
 text-align: center;
}

.vetrina {
 width: 187px;
 font-size: 14px;
 color: #002965;
 margin: auto;
 text-align: center;
}
.titolo_vetrina {
 margin-top: 4px;
 padding-left: 16px;
 letter-spacing: 1px;
 background-color: #ffffff;
 text-align: left;
}

.titolo_articolo {
 margin-top: 4px;
 padding: 6px;
 letter-spacing: 1px;
 background-color: #ffffff;
 text-align: left;
 font-size: 14px;
 margin-bottom: 2px;
}

.titolo_categorie {
 font-weight: bold;
 margin-top: 4px;
 padding-left: 16px;
 padding-bottom: 4px;
 letter-spacing: 1px;
 background-color: #ffffff;
 font-size: 13px;
 color: #326593;
}

.div_vetrina {
 width: 100%;
 border: 1px solid #eee;
 margin: auto;
 text-align: center;
}
.img_vetrina {
 height: 107px;
 width: 145px;
 border: 1px solid #eee;
 margin: auto;
 text-align: center;
/*
 color: #639fdc;
 background-image: url('img_gielle/sf_imgvetrina.png');
 margin-top: 6px;
 margin-bottom: 6px;
 margin: auto;
 text-align: center;
*/
}

.centra {
 width: 145px;
 padding: 4px;
 border: 1px solid #eee;
 text-align: center;
}